| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>后台登陆管理</title>
- <meta name="renderer" content="webkit">
- <!-- core - css -->
- <link href="__PUBLIC__/B-JUI/themes/css/style.css" rel="stylesheet">
- <link href="__PUBLIC__/B-JUI/themes/blue/core.css" rel="stylesheet">
- <link href="__PUBLIC__/B-JUI/themes/css/fontsize.css" rel="stylesheet">
- <link href="__PUBLIC__/B-JUI/themes/css/FA/css/font-awesome.min.css" rel="stylesheet">
- <!-- init -->
- <link rel="stylesheet" href="__PUBLIC__/B-JUI/mycssandjava/mycss.css">
- <!-- bootstrap - css -->
- <link href="__PUBLIC__/B-JUI/themes/css/bootstrap.min.css" rel="stylesheet">
- <link href="__PUBLIC__/B-JUI/themes/css/bootstrap.css" rel="stylesheet">
- <script src="__PUBLIC__/B-JUI/js/jquery-1.11.3.min.js"></script>
- <script src="__PUBLIC__/B-JUI/js/jquery.cookie.js"></script>
- <script src="__PUBLIC__/B-JUI/js/bjui-all.min.js"></script>
- <script src="__PUBLIC__/B-JUI/plugins/bootstrap.min.js"></script>
- <script src="__PUBLIC__/js/jquery.qrcode.js"></script>
- <script src="__PUBLIC__/js/qrcode.min.js"></script>
- <style>
- html, body { height: 100%; overflow: hidden; }
- body {
- font-family: "Verdana", "Tahoma", "Lucida Grande", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
- background: url(__PUBLIC__/images/loginbg_06.jpg) no-repeat center center fixed;
- background-size: cover;
- }
- .form-control{height:37px;}
- .main_box{position:absolute; top:45%; left:50%; margin:-200px 0 0 -180px; padding:15px 20px; width:360px; height:400px; min-width:320px; background:#FAFAFA; background:rgba(255,255,255,0.5); box-shadow: 1px 5px 8px #888888; border-radius:6px;}
- .login_msg{height:30px;}
- .input-group >.input-group-addon.code{padding:0;}
- #captcha_img{cursor:pointer;}
- .main_box .logo img{height:35px;}
- @media (min-width: 768px) {
- .main_box {margin-left:-240px; padding:15px 55px; width:480px;}
- .main_box .logo img{height:40px;}
- }
- .er{
- text-align: center;
- }
- .span{
- font-size: 24px;
- padding: 10px 0px 10px 0px;
- }
- .span1{
- font-size: 16px;
- padding: 10px 0px 10px 0px;
- }
- .code{
- display:inline-block;
- padding: 10px;
- /*margin: 10px;*/
- }
- </style>
- </head>
- <body>
- <div class="form-group" style="text-align:center; position:absolute; top:0px; width:100%;">
- <div id="ResMessage" style="margin:0px auto; width:980px;">
- </div>
- </div>
- <div class="container">
- <div class="main_box">
- <form action="__APP__/home/Public/login" method="post" onsubmit="return toVaild()" >
- <input type="hidden" value="" id="j_randomKey" />
- <input type="hidden" name="jfinal_token" value="" />
- <div class="er">
- <div class="span">
- 登录后台管理平台
- </div>
- <div id="code" class="code"></div>
- <div class="span1">
- 请使用永天智慧云公众号扫码登录
- </div>
- </div>
- <script>
- function newCode(str){
- var qrcode = new QRCode(document.getElementById("code"), {
- id: 'er_image',
- width : 200,
- height : 200
- });
- qrcode.makeCode(str);
- }
- // qrcode.clear(); // 清除代码
- // newCode("99999999");
- // document.getElementById("code").title = '';
- function ajasscan(action,phonenumber){
- $.ajax({
- type: 'POST',
- url: "{:U('Public/login')}",
- data: {action:action,phonenumber:phonenumber},
- dataType: 'json',
- success: function(res1){
- window.location.href ='https://iot.usky.cn/jdxf/admin.php/Home/Index/index';
- }
- })
- }
- var wsUri = "wss://iot.usky.cn:55120";
- var websocket = null;
- var initWebSocket = function() {
- try{
- websocket = new WebSocket(wsUri);
- websocket.onopen = function()
- {
- var json = {};
- json.actfrom = "loginpage";
- json.action = "query_ercode";
- websocket.send(JSON.stringify(json));
- console.log('hello1');
- setInterval(function(){
- console.log('hello2');
- websocket.send(JSON.stringify(json));
- },30000)
- };
- websocket.onmessage = function (evt)
- {
- console.log("Received:",evt.data);
- var jData = eval('(' + evt.data + ')');
- if (jData.action=="query_ercode"){
- console.log(jData.value);
- document.getElementById("code").innerHTML = "";
- var evm_loing = jData.value;
- newCode(""+evm_loing);
- document.getElementById("code").title = '';
- }else if (jData.action=="loginphone"){
- console.log("OK-------------");
- var action = jData.action;
- var phonenumber = jData.phonenumber;
- var formData = new FormData();
- formData.append("phonenumber", phonenumber);
- formData.append("action", action);
- // console.log("OK-------------"+jData.phonenumber);
- // console.log("OK-------------"+jData.action);
- $.ajax({
- type: 'POST',
- url: "{:U('Public/login')}",
- data: formData,
- processData: false, //必须
- contentType: false, //必须
- // dataType: 'json',
- success: function(res1){
- console.log("OK-------------1=="+res1);
- if (res1==2){
- window.location.href ='https://iot.usky.cn/jdxf/admin1.php';
- } else{
- window.location.href ='https://iot.usky.cn/jdxf/admin1.php/Home/Index/index';
- }
- // window.location.href ="https://iot.usky.cn/jdxf/admin1.php/Home/Public/login";
- }
- })
- // window.location.href ='https://iot.usky.cn/jdxf/admin1.php/Home/Index/index/action/'+action+'/phonenumber/'+phonenumber;
- // ajasscan(jData.action,jData.phonenumber);
- }
- // alert("数据已接收...");
- };
- websocket.onclose = function()
- {
- // 关闭 websocket
- console.log('连接已关闭...');
- // alert("连接已关闭...");
- };
- }catch(exception){
- console.log("Exception:",exception);
- (function(){})()
- }
- }
- $(document).ready(function(){
- initWebSocket();
- });
- </script>
- <!--<div class="form-group" style="width:400px; height:100px;">-->
- <!--</div>-->
- <!---->
- <!--<div class="form-group">-->
- <!--<div class="input-group">-->
- <!--<span class="input-group-addon" id="sizing-addon-user"><span class="glyphicon glyphicon-user"></span></span>-->
- <!--<input type="text" class="form-control" id="j_username" name="username" value="" placeholder="登录账号" >-->
- <!--</div>-->
- <!--</div>-->
- <!--<div class="form-group">-->
- <!--<div class="input-group">-->
- <!--<span class="input-group-addon" id="sizing-addon-password"><span class="glyphicon glyphicon-lock"></span></span>-->
- <!--<input type="password" class="form-control" id="j_password" name="password" placeholder="登录密码" >-->
- <!--</div>-->
- <!--</div>-->
- <!--<div class="text-center">-->
- <!--<button type="submit" id="login_ok" class="btn btn-primary btn-lg"> 登 录 </button> -->
- <!--<button type="reset" class="btn btn-default btn-lg"> 重 置 </button>-->
- <!--</div>-->
- <div class="text-center">
- <hr>
-
- </div>
- </form>
- </div>
- </div>
- <script >
- var COOKIE_NAME = 'sys_em_username';
- $(function() {
- // choose_bg();
- // changeCode();
- if ($.cookie(COOKIE_NAME)){
- $("#j_username").val($.cookie(COOKIE_NAME));
- $("#j_password").focus();
- $("#j_remember").attr('checked', true);
- } else {
- $("#j_username").focus();
- }
- $("#captcha_img").click(function(){
- changeCode();
- });
-
- });
- {$almsg}
- function changeCode(){
- //$("#captcha_img").attr("src", "sys/login/getCaptcha?t="+ (new Date().getTime()));
- }
- function choose_bg() {
- var bg = Math.floor(Math.random() * 9 + 1);
- $('body').css('background-image', 'url(/spcrm/Public/images/loginbg_0'+ bg +'.jpg)');
- }
- function AltMessage(part){
- document.getElementById('ResMessage').innerHTML='<div class="alert alert-danger alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button><strong>'+part+'</strong></div>';
- setTimeout(function (){
- document.getElementById('ResMessage').innerHTML='';
- }, 3000)
- }
- function toVaild(){
- var val = document.getElementById("j_username").value;
- var verify = document.getElementById("j_password").value;
- if(val =="" || verify==""){
- AltMessage("登录账号或密码不能为空!");
- return false;
- }
- return true;
- }
- </script>
- </body>
- </html>
|