1 2 3<!DOCTYPE html> 4 5 6<html> 7<head> 8 9 <meta name="viewport" content="width=device-width,height=device-height" /> 10 11 <title>Envertech Portal</title> 12 <link href="/css/IOSPicture.css" rel="stylesheet" /> 13 <link href="/js/lib/layui-2.2.6/css/layui.css" rel="stylesheet"/> 14<link href="/js/lib/flat-ui/css/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"/> 15<link href="/js/lib/flat-ui/css/flat-ui.min.css" rel="stylesheet"/> 16<link href="/css/common/common.css" rel="stylesheet"/> 17 18 19 <style type="text/css"> 20 body { 21 margin: 0; 22 height: 100vh; 23 width: 100vw; 24 background-image: url(/img/bg2.jpg); 25 background-size: 100% 100%; 26 background-repeat: no-repeat; 27 backdrop-filter: brightness(0.7) 28 } 29 30 .login_box { 31 width: 385px; 32 height: 420px; 33 background: rgba(207,207,208,0.8); 34 float: right; 35 border-radius: 5px; 36 padding-top: 20px 37 } 38 39 #mo { 40 text-align: center; 41 color: white; 42 width: 100%; 43 height: 100%; 44 position: fixed; 45 overflow: auto; 46 background-color: rgba(0, 0, 0, 0.99); 47 top: 0px; 48 left: 0px; 49 z-index: 1; 50 padding-top: 190px; 51 display: none 52 } 53 54 input::-webkit-input-placeholder { 55 color: #d9d9d9; 56 } 57 58 .app-download_ios:before { 59 content: ""; 60 display: block; 61 height: 100%; 62 width: 50px; 63 background-image: url('../img/icon/ios_app_download.png'); 64 background-size: 100% 100%; 65 background-repeat: no-repeat; 66 } 67 68 .app-download_android:before { 69 content: ""; 70 display: block; 71 height: 100%; 72 width: 50px; 73 background-image: url('../img/icon/android_app_download.png'); 74 background-size: 100% 100%; 75 background-repeat: no-repeat; 76 } 77 78 .top-user .li-item { 79 line-height: 40px; 80 display: inline-block; 81 box-sizing: border-box; 82 } 83 84 .panels { 85 height: 20px; 86 width: 20px; 87 display: inline-block; 88 background-image: url(/img/icon/panels.png); 89 background-size: 100% 100%; 90 background-repeat: no-repeat; 91 margin-bottom: -5px; 92 } 93 94 .video-container { 95 position: absolute; 96 top: 0; 97 left: 0; 98 width: 100%; 99 height: 100%; 100 background: blanchedalmond url(/img/bg2.jpg) no-repeat center center; 101 z-index: -1; 102 overflow: hidden; 103 } 104 105 .user_box { 106 border-bottom: 1px solid black; 107 border-left-width: 0; 108 border-top-width: 0; 109 border-right-width: 0; 110 } 111 112 #txt_username_div > input:-webkit-autofill, -webkit-autofill:hover, webkit-autofill:focus, webkit-autofill:active { 113 transition: background-color 5000s ease-out 0.5s; 114 } 115 116 #pwd_div > input:-webkit-autofill, -webkit-autofill:hover, webkit-autofill:focus, webkit-autofill:active { 117 transition: background-color 5000s ease-out 0.5s; 118 } 119 120 .xgplayer-start { 121 display: none !important; 122 } 123 124 .user_input { 125 width: 90%; 126 height: 100%; 127 background-color: transparent; 128 color: #393939; 129 border: none; 130 font-family:'Microsoft YaHei'; 131 font-size:large 132 } 133 134 .user_input:-webkit-autofill, 135 .user_input:-webkit-autofill:hover, 136 .user_input:-webkit-autofill:focus, 137 .user_input:-webkit-autofill:active { 138 transition-delay: 5000s; 139 transition: color 5000s ease-out, background-color 5000s ease-out; 140 } 141 142 .pass-view { 143 width:24px; 144 height:24px; 145 cursor: pointer; 146 } 147 148 .checkbox input[type=checkbox].custom-checkbox:checked + .icons .icon-checked { 149 color: #323639 150 } 151 152 153 .wa-lnk { 154 display: inline-block; 155 line-height: 70px; 156 padding: 0 20px; 157 color: #fff; 158 font-size: 20px; 159 text-decoration: none; 160 } 161 162 .wa-lnk:hover { 163 color: #fff; 164 background-color: rgba(255,255,255,0.3); 165 } 166 .nlnk, .nlnk:hover, .nlnk:active{ 167 /*color: #3498db;*/ 168 text-decoration:underline; 169 cursor:pointer; 170 } 171 .n_content{ 172 text-align:center; 173 line-height:30px; 174 } 175 </style> 176</head> 177<body style="position:relative;"> 178 179 <div style="width:100%;height:50px;position:absolute;z-index:80;"> 180 <ul class="top-user" style="float:right;position:relative;right:20px;"> 181 <li class="li-item"> 182 <div class="btn-group" style="position:relative;top:-1px;"> 183 <a href="/Warranty/Registration" style="color: #ffffff; position: relative; top: 5px;" > 184 Warranty registration | 185 </a> 186 </div> 187 <div class="btn-group" style="position:relative;top:-1px;"> 188 <a href="/Terminal/Agreement" style="color: #ffffff; position: relative; top: 5px; "> 189 Privacy Policy| 190 </a> 191 192 </div> 193 194 <div class="btn-group" style="position:relative;top:-1px;"> 195 <a href="/download/enverview.apk" style="color: #ffffff; position: relative; top: 5px; "> 196 AppDownload | 197 </a> 198 </div> 199 200 <div class="btn-group" style="position:relative;top:-1px;display:none"> 201 <a href="/TmpFiles/APIdocoument/%e6%81%a9%e6%b2%83%e5%85%ac%e5%85%b1%e6%8e%a5%e5%8f%a3%e6%96%87%e6%a1%a3.docx" style="position:relative;top:5px;"> 202 API document download |
203 <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span> 204 </a> 205 </div> 206 <div class="btn-group" style="position:relative;top:-1px;"> 207 <a href="/manager/publicstations" style="color: #ffffff; position: relative; top: 5px; "> 208 Demo | 209 </a> 210 </div> 211 <div class="btn-group" style="position:relative;top:-1px;"> 212 <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" style="height:30px;background-color:transparent;color:#ffffff"> 213 <span id="spn_culture">䏿</span> <span class="caret"></span> 214 </button> 215 <ul class="dropdown-menu dropdown-menu-inverse dropdown-menu-right" role="menu" style="background-color:#b7b7b7;min-width:initial;padding:10px"> 216 <li><a href="javascript:changeLan('zh-cn')" style="color:#333333">䏿</a></li> 217 <li><a href="javascript:changeLan('en-us')" style="color:#333333">English</a></li> 218 <li><a href="javascript:changeLan('pt-br')" style="color:#333333">Português</a></li> 219 <li><a href="javascript:changeLan('de-de')" style="color:#333333">Deutsch</a></li> 220 <li><a href="javascript:changeLan('pl-pl')" style="color:#333333">Polski</a></li> 221 <li><a href="javascript:changeLan('es-es')" style="color:#333333">Español</a></li> 222 <li><a href="javascript:changeLan('hl-hl')" style="color:#333333">Nederlands</a></li> 223 <li><a href="javascript:changeLan('it-it')" style="color:#333333">Italiano</a></li> 224 <li><a href="javascript:changeLan('fr-fr')" style="color:#333333">Français</a></li> 225 <li><a href="javascript:changeLan('ja')" style="color:#333333">æ¥æ¬èª</a></li> 226 </ul> 227 </div> 228 229 </li> 230 </ul> 231 </div> 232 233 234 <div id="" style="margin-left:30%;text-align:center;font-size:15px;background:rgba(35,35,38,0.6);color:white;width:40%;position:absolute;border-radius:5px;margin-top:0px"> 235 <div class="" id="tips" style="padding: 10px;display:none;"> 236 Dear users, you are now on EnverPortal 2.0. We hope our upgraded smart monitoring system will bring more pleasant experience to you.Our smart phone app EnverView 2.0 has been released too. Please kindly make the update on IOS app store or Android play store to ensure you have the most updated app version. 237 </div> 238 </div> 239 <div style="width:100%;height:350px;position:absolute;margin-top:11em;"> 240 <div class="motai" id="mo"> 241 <img class="motaiimg" id="moing" /> 242 <div id="caption" style="margin-top:30px"></div> 243 <div style="margin-top:20px">ç¹å»å±å¹å ³éæ¤é¡µé¢</div> 244 </div> 245 </div> 246 247 <div style="width:100%;position:absolute;margin-top:20em;display:flex;justify-content:center;align-items:center"> 248 249 <div id="login_box" class="login_box"> 250 <div style="width:100%;height:60px;position:relative;"> 251 <img src="/img/logo_en_login.png" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; height: 44px; width: 224px; " id="title_img" /> 252 253 </div> 254 255 <div style="height:100%;width:100%;padding:30px 40px 25px 30px"> 256 <div style="width:100%;height:42px;margin-bottom:10%;font-size:15px;"> 257 <label style="font-family:'Microsoft YaHei';margin:0;height:10%;font-size:12px">LOGIN ACCOUNT</label> 258 <div style="border-bottom:1px solid #000;height:90%"> 259 <input type="text" id="txt_username" class="user_input" placeholder="Please enter your username" /> 260 <img src="/img/users/user.png" style="width:24px;height:24px;" /> 261 </div> 262 263 </div> 264 <div style="width:100%;height:42px;margin-bottom:10px;"> 265 <label style="font-family: 'Microsoft YaHei'; margin: 0; height: 10%; font-size: 12px">PASSWORD</label> 266 <div style="border-bottom:1px solid #000;height:90%"> 267 <input type="password" id="pwd" class="user_input" placeholder="Please enter the password" /> 268 <img src="/img/users/colseeye.png" class="pass-view" /> 269 </div> 270 271 </div> 272 273 274 275 276 277 278 <div style="width: 100%; height: 42px; margin-top: 18%; font-size: 15px;"> 279 <label class="checkbox" style="margin: 0; color: #000000"> 280 <input type="checkbox" id="chk_remember" data-toggle="checkbox" required />Remember Me 281 <a href="javascript:forgetPwd();" style="float: right;
281 color: #e01d46; text-decoration: revert ">Forget Password?</a> 282 <a href="javascript:register();" style="float: right; color: #e01d46; text-decoration: revert; margin-right: 2% ">Register</a> 283 </label> 284 </div> 285 286 <div style="width:100%;height:42px;margin-top:10px;font-size:15px;"> 287 <button style="width: 100%; height: 100%; color: #ffffff; background-color: #e01d46; border: none; border-radius: 5px; margin-right: 10px " onclick="login()">Login</button> 288 </div> 289 290 291 292 </div> 293 </div> 294 </div> 295 <div style="display:none;padding:20px 50px 0 50px;" id="div_forget_result"> 296 <div class="form-horizontal"> 297 <p style="font-size:14px;">The account is unbound mail, please contact the administrator.</p> 298 <p style="font-size:14px;"> 299 Email : <span id="spn_admin_mail">[email protected]</span> 300 </p> 301 <p style="font-size:14px;"> 302 Tel : <span id="spn_admin_tel">12345678</span> 303 </p> 304 </div> 305 </div> 306
306<script src="//unpkg.byted-static.com/xgplayer/2.31.2/browser/index.js" type="text/javascript"></script>
306 307
307<script src="/js/common/jquery-3.1.1.min.js"></script>
vendor: 2 bytes, line 307
307
308<script src="/js/lib/layui-2.2.6/layui.js"></script>
vendor: 2 bytes, line 308
308
309<script src="/js/lib/flat-ui/js/flat-ui.min.js"></script>
vendor: 2 bytes, line 309
309
310<script src="/js/lib/flat-ui/js/vendor/application.js"></script>
vendor: 2 bytes, line 310
310
311<script src="/js/common/common.js"></script>
311 312
313<script type="text/javascript"> 314 var loginVerify = true; 315 var lay; 316 var redirect = ''; 317 318 layui.use('layer', function () { 319 setTimeout(function () { 320 lay = layui.layer; 321 console.log(lay); 322 }, 100) 323 }); 324 325 let mi = document.querySelector("#pwd"); 326 document 327 .querySelector(".pass-view") 328 .addEventListener("click", function () { 329 if (mi.type == "text") { 330 mi.type = "password"; 331 } else { 332 mi.type = "text"; 333 } 334 335 336 337 var src = $(".pass-view").attr("src"); 338 if (src == '/img/users/openeye.png') { 339 $(".pass-view").attr("src", '/img/users/colseeye.png'); 340 341 } else { 342 $(".pass-view").attr("src", '/img/users/openeye.png'); 343 } 344 345 // this.classList.toggle("active"); 346 }); 347 348 349 //注åæé®æä¸çäºä»¶ 350 document.onkeydown = function (e) { 351 if (e && e.keyCode == 13) { 352 if (loginVerify) { 353 login(); 354 } else { 355 lay.closeAll(); 356 loginVerify = true; 357 } 358 } 359 } 360 361 362 window.onload = function () { 363 window.onresize = function () { 364 location.reload() 365 } 366 367 } 368 369 //IOSäºç»´ç æ¾å¤§ 370 //var motai = document.getElementById('mo'); 371 //var moing = document.getElementById('moing'); 372 //var IOS = document.getElementById("IOS"); 373 //var android = document.getElementById("Android"); 374 375 //IOS.onclick = function () { 376 // motai.style.display = "block" 377 // moing.src = "/img/ios_app_download.png"; 378 // caption.innerHTML = this.alt; 379 //} 380 //android.onclick = function () { 381 // motai.style.display = "block"; 382 // moing.src = this.src; 383 // caption.innerHTML = this.alt; 384 //} 385 //motai.onclick = function () { 386 // motai.style.display = "none"; 387 //} 388 389 //(function () { var timer = setTimeout(this.marquee, 1000); }()); 390 391 //function marquee() { 392 // var scrollWidth = $('#affiche').width(); 393 // var textWidth = $('.affiche_text').width(); 394 // var i = scrollWidth; 395 // setInterval(function () { 396 // i--; 397 // if (i < -textWidth) { 398 // i = scrollWidth; 399 // } 400 // $('.affiche_text').animate({ 'left': i + 'px' }, 20); 401 // }, 20); 402 //} 403 404 $(function () { 405 406 407 //var video = document.getElementById('video') 408 //const info = navigator.userAgent 409 //const isPhone = /mobile/i.test(info) 410 //if (isPhone) { 411 // $("#login_box").style("margin-right", "2px"); 412 // video.pause() 413 // console.log('ç§»å¨') 414 //} else { 415 // $("#login_box").css("margin-right", "80px"); 416 // console.log('çµè') 417 // video.play() 418 //} 419 420 421 422 // å è½½è§é¢èæ¯ 423 /*var player = new Player({ 424 id: 'mse', 425 url: '/img/login_bg.mp4', 426 width: '100vw', 427 height: '100vh', 428 fluid: true, 429 volume: 0, 430 loop: true, 431 videoInit: true, 432 fitVideoSize: 'auto', 433 cssFullscreen: true, 434 controls: false, 435 }); 436 player.once('canplaythrough', () => { 437 // console.log('canplaythrough.....') 438 // console.log(player) 439 player.play() 440 })*/ 441 442 /*window.addEventListener('resize', function () { 443 document.getElementById('mse').style.height = document.body.clientHeight 444 })*/ 445 446 //æ´æ°æç¤ºè·åå±å¹å辩ç大尿¹ååä½å¤§å° 447 var srewidth = window.screen.width; 448 if (srewidth == 1366) { 449 document.getElementById("tips").style.fontSize = 10 + 'px'; 450 } else if (srewidth >= 1600 || srewidth <= 1080) { 451 document.getElementById("tips").style.fontSize = 15 + 'px'; 452 } else if (srewidth > 1440) { 453 document.getElementById("tips").style.fontSize = 20 + 'px'; 454 } 455 456 457 458 //è·åcookieä¸çç¨æ·å¯ç çä¿¡æ¯ 459 var remember = localStorage.getItem("remember"); 460 if (remember == 'true') { 461 $("#chk_remember").prop('checked', true); 462 463 var userName = localStorage.getItem("userName"); 464 var pwd = localStorage.getItem("pwd"); 465 466 if (userName) { 467 $("#txt_username").val(userName); 468 } 469 if (pwd) { 470 $("#pwd").val(pwd); 471 } 472 } else { 473 $("#chk_remember").prop('checked', false); 474 } 475 476 //åå§åå³ä¸è§çå¤å½è¯è¨ä¸æ 477 var culture = 'en-us'; 478 console.log(culture); 479 switch (culture) { 480 case 'zh-cn': 481 culture = '䏿'; 482 break; 483 case 'en-us': 484 culture = 'English'; 485 break; 486 case 'pt-br': 487 culture = 'Português'; 488 break; 489 case 'de-de': 490 culture = 'Deutsch'; 491 break; 492 case 'pl-pl': 493 culture = 'Polski'; 494 break; 495 case 'es-es': 496 culture = 'Español'; 497 break; 498 case 'hl-hl': 499 culture = 'Nederlands'; 500 break; 501 case 'it-it': 502 culture = 'Italiano'; 503 break; 504 case 'fr-fr': 505 culture = 'Français'; 506 break; 507 default: 508 //æ·»å å¤å½è¯è¨çæ¶åè¿éä¸è¦å¿è®°æ·»å ç¸åºçæå 509 break; 510 } 511 $("#spn_culture").text(culture); 512
513 var post_data = { count: 10, desc: false, end_date: '208-10-10 11:43:50', sn: '123456', start_date: '208-10-01 00:00:00' }; 514 console.log(JSON.stringify(post_data)); 515 }); 516 517 //ç»å½ 518 function login() { 519 var userName = $("#txt_username").val().trim(); 520 var pwd = $("#pwd").val().trim(); 521 localStorage.setItem("isBool", true) 522 523 try { 524 525 526 fy.ajax('/apiaccount/login', { 527 userName: userName, 528 pwd: pwd 529 }, function (data) { 530 if (data.Status == '0') { 531 //è®°ä½è´¦å·å¯ç 532 var remember = $("#chk_remember").prop('checked'); 533 if (remember) { 534 localStorage.setItem('userName', userName); 535 localStorage.setItem('pwd', pwd); 536 localStorage.setItem('remember', remember); 537 } 538 539 var role = data.Data; 540 if (role == 5) { 541 //æ¼ç¤ºè´¦å· 542 window.location.href = '/terminal/systemoverview'; 543 } else if (role == 4) { 544 //ç»ç«¯ç¨æ· 545 if (redirect != '') { 546 window.location.href = redirect; 547 } else { 548 window.location.href = '/terminal/systemoverview'; 549 }//WACK25 azerty123 550 } else { 551 //管çè´¦æ· 552 window.location.href = '/manager/manageroverview'; 553 } 554 } else if (data.Status == '100') { 555 loginVerify = false; 556 var lnkText='Please click here to log in' 557 layer.open({ 558 title: 'Notice', 559 btn: ['OK'], 560 content: ` 561 <div class='n_content' style='margin-top:10px'> 562 <span>${data.Result}</span> 563 </div> 564 <div class='n_content'> 565 <a href='https://www.envertecportal.com:9008/web/#/home/index' target='blank' class='nlnk'>${lnkText}</a> 566 </div> 567 `, 568 yes: function (index) { 569 layer.close(index); 570 if (callback) { 571 callback(); 572 } 573 } 574 }); 575 } else { 576 loginVerify = false; 577 fy.alert('Notice', 'OK', data.Result); 578 } 579 }); 580 } catch (e) { 581 loginVerify = false; 582 fy.alert('Notice', 'OK', e); 583 } 584 }; 585 586 //è·³è½¬å°æ³¨åé¡µé¢ 587 function register() { 588 window.location.href = '/account/register'; 589 } 590 591 ///å¿è®°å¯ç 592 function forgetPwd() { 593 var userName = $("#txt_username").val(); 594 if (userName.trim() == '') { 595 fy.alert('Notice', 'OK', 'Please enter your username'); 596 return; 597 } 598 599 fy.ajax('/apiaccount/ForgetPwd', { 600 userName: userName, 601 culture: '' 602 }, function (data) { 603 if (data.Status == '0') { 604 var jsn = data.Data; 605 if (jsn.Status == '0') { 606 fy.alert('Notice', 'OK', 'The mail has been sent to:' + jsn.Msg); 607 } else { 608 //å¦æç¨æ·æ²¡æç»å®é®ç®±ï¼å¼¹åºè¶ 级管çåçèç³»æ¹å¼ 609 $("#spn_admin_mail").text(jsn.Email); 610 $("#spn_admin_tel").text(jsn.Tel); 611 612 layer.open({ 613 type: 1, 614 area: ['auto', 'auto'], 615 title: 'Notice', 616 closeBtn: 1, 617 shift: 2, 618 shadeClose: true, //å¼å¯é®ç½©å ³é 619 content: $("#div_forget_result"), 620 btn: ['OK'], 621 yes: function (index, layero) { 622 layer.closeAll(); 623 } 624 }); 625 } 626 } else { 627 fy.alert('Notice', 'OK', data.Result); 628 } 629 }); 630 }; 631 632 //æ´æ¹è¯è¨ 633 function changeLan(lan) { 634 fy.ajax('/apiaccount/ChangeLanguage', { 635 lan: lan 636 }, function (data) { 637 window.location.reload(); 638 }); 639 }; 640 641 642</script>
642 643</body> 644</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.