zhoufan
/
SQ12345_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
							<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/iconfont.css" rel="stylesheet" />
		<link href="css/login.css" rel="stylesheet" />
	</head>

	<body>

		<div class="mui-content">
			<form id="login-form" class="mui-input-group">
				<!--logo-->
				<div class="mui-logo-box">
					<div>
						<img src="img/123.png" alt="" />
					</div>
				</div>
				<div class="mui-input-row">
					<label><span class="mui-icon iconfont icon-yonghu"></span></label>
					<input id="account" type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
				</div>
        
				<div class="mui-input-row mui-password">
					<label><span class="mui-icon iconfont icon-suo"></span></label>
					<input id="password" type="password" class=" mui-input-password mui-input" placeholder="请输入密码">
				</div>
        
        <div class="mui-input-row">
        	<label><span class="mui-icon iconfont icon-yonghu"></span></label>
        	<input id="mobileCode" type="text" class="mui-input-clear mui-input" placeholder="请输入验证码">
        </div>
			</form>
      <div class="mui-content-padded">
      	<button id="sendCode" class="mui-btn mui-btn-block mui-btn-primary" style="font-size: 16px;">获取验证码</button>
      </div>
			<div class="mui-content-padded">
				<button id="login" class="mui-btn mui-btn-block mui-btn-primary" style="font-size: 16px;">登录</button>
			</div>
			<div class="mui-content-padded oauth-area" style="width: 100%;  margin-top: 30px;">
				<a href="User-login.html" class="reg_href" style="width: 100%;">我是市民</a>		
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.md5.js"></script>
		<script src="js/huayi.http.js"></script>
		<script src="js/huayi.config.js"></script>
		<script>
			mui.init();
			mui.plusReady(function() {
        
				var usercode = localStorage.getItem("user"); //获取本地存储
				var psw = localStorage.getItem("psw"); //获取本地存储s
				if(usercode != null) //如果缓存中有数据，则加载出来 
				{
					document.getElementById("account").value = usercode;
					document.getElementById("password").value = localStorage.getItem("psw");
				}
        function fn(){
          var oBtn = document.getElementById('sendCode');
          var time = 60;
          var timer = null;
          oBtn.innerHTML = time + '秒后重新发送';
          oBtn.setAttribute('disabled', 'disabled');  // 禁用按钮
          
          timer = setInterval(function(){ 
            // 定时器到底了 兄弟们回家啦
            if(time == 1){
              clearInterval(timer);       
              oBtn.innerHTML = '获取验证码';  
              oBtn.removeAttribute('disabled'); 
             
            }else{
              time--;
              oBtn.innerHTML = time + '秒后重新发送';
            }
          }, 1000)
        }
        
        document.getElementById("sendCode").addEventListener('tap',function(){
          var username = document.getElementById('account').value;
        
          if (!username) {
            plus.nativeUI.toast("请输入账号")
            return false;
          }
          var data = {
            "usercode":username
          }
          mui.ajax(huayi.config.callcenter_url+'/Login/SendCode',{
            data:data,
            dataType:'json',
            type:'post',
            timeout:10000,
            success:function(data){
              if(data.state == "success"){
                plus.nativeUI.toast('发送成功')
                fn();
              }
            }
          })
        })
        
				document.getElementById("login").addEventListener('tap', function() {
					var username = document.getElementById('account').value;
					var password = document.getElementById('password').value;
          var mobileCode = document.getElementById('mobileCode').value;
					var data = {
						"username": username,
						"password": $.md5(password),
						"extensionphone": 1,
						"Code":mobileCode
					};
          if(!username) {
						plus.nativeUI.toast('输入账号');
					} else if(!password) {
						plus.nativeUI.toast('密码不能为空');
					} else if(!mobileCode){
            plus.nativeUI.toast("请输入验证码")
            return false;
          } else {
						if(plus.networkinfo.getCurrentType() == plus.networkinfo.CONNECTION_NONE) {
							mui.toast("网络连接中断！");
						}
						// 调用ajax  
						mui.ajax(huayi.config.callcenter_url + '/Login/applogin', {
							data: data,
							dataType: 'json', //服务器返回json格式数据
							type: 'post', //HTTP请求类型
							timeout: 10000, //超时时间设置为10秒
							success: function(data) {
								
								if(data.state == "success") {
									localStorage.setItem("token", data.data.token);
									localStorage.setItem("user", username);
									localStorage.setItem("psw", password);
									
									var nwaiting = plus.nativeUI.showWaiting();
									webviewShow = plus.webview.create("Leader-index.html"); //后台创建webview并打开show.html  
									document.getElementById('account').value = "";
									document.getElementById('password').value = "";
								} else {
									mui.alert(data.message);
									document.getElementById('account').value = "";
									document.getElementById('password').value = "";
								}
							},
							error: function(xhr, type, errorThrown) {} 
						});

					}
				});
			});
		</script>
	</body>

</html>