短信验证码登录

WebUI/CallCenterWeb.UI/css/login.css

@@ -0,0 +1,212 @@
+html {
+	margin: 0 auto;
+	padding: 0;
+	height: 100%;
+}
+
+body {
+	height: 100%;
+	background: #fff;
+}
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+}
+input[type="number"]{
+    -moz-appearance: textfield;
+}
+
+.wrap {
+	width: 100%;
+	height: 100%;
+}
+
+.wrap_right {
+	float: left;
+	width: 50%;
+	height: 100%;
+}
+
+.wrap_left {
+	float: left;
+	width: 50%;
+	height: 100%;
+}
+
+.wrap_right {
+	position: relative;
+}
+
+.wrap_bj {
+	width: 100%;
+	height: 100%;
+	background: url(../img/left_amg_01.jpg) no-repeat;
+	background-size: 100% 100%;
+}
+
+.tab_box {
+	border: 1px solid #41caf2;
+	border-top-right-radius: 15px;
+	border-bottom-left-radius: 15px;
+	margin: 50px auto 65px;
+	padding: 0;
+	overflow: hidden;
+	width: 410px;
+}
+
+.tab_box ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	width: 100%;
+	height: 50px;
+	line-height: 50px;
+	font-size: 16px;
+	color: #41caf2;
+	border-bottom: 1px solid #41caf2;
+	text-align: center;
+}
+
+.tab_box ul li {
+	width: 50%;
+	float: left;
+}
+
+.active {
+	background: #41caf2;
+	color: #fff;
+}
+
+.tab_content {
+	margin: 57px 0 35px 0;
+}
+
+.tab_content div p {
+	width: 80%;
+	margin: 0 auto;
+	height: 35px;
+	border: 1px solid #41caf2;
+	border-radius: 15px;
+	margin-bottom: 25px;
+	line-height: 30px;
+	padding-left: 20px;
+}
+
+.tab_content div p input {
+	width: 75%;
+	border: 0;
+	font-size: 16px;
+	outline: none;
+	font-family: "仿宋", "宋体";
+}
+.tab_content div p .verification, .tab_content div p .verification_user {
+	width: 50%;
+	
+}
+.tab_content div p .btnVerifi, .tab_content div p .btnVerifi_user{
+	width: 37%;
+	border: 0;
+	height: 33px;
+	border-radius: 0px 15px 15px 0px;
+	font-size: 16px;
+	outline: none;
+	font-family: "仿宋", "宋体";
+	background: #41caf2;
+	color: #FFFFFF;
+}
+
+
+.login_icon {
+	display: inline-block;
+	width: 17px;
+	height: 19px;
+	vertical-align: middle;
+	margin-right: 15px;
+}
+
+.login_icon_user {
+	background: url(../img/login_user.png) no-repeat;
+}
+
+.login_icon_lock {
+	background: url(../img/login_lock.png) no-repeat;
+}
+
+.login_icon_hua {
+	background: url(../img/login_hua.png) no-repeat;
+}
+
+.login_go {
+	text-align: center;
+	padding: 0!important;
+	font-size: 16px;
+	letter-spacing: 16px;
+	font-family: "仿宋", "宋体";
+	color: #fff;
+	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1f90ec, endcolorstr=#1cb5ef, gradientType=1);
+	background: -webkit-gradient(li near, 0 0, 100% 0, from(#1f90ec), to(#1cb5ef));
+	background: -webkit-linear-gradient(left, #1f90ec, #1cb5ef);
+	background: -moz-linear-gradient(left, #1f90ec, #1cb5ef);
+	background: -o-linear-gradient(left, #1f90ec, #1cb5ef);
+	background: linear-gradient(left, #1f90ec, #1cb5ef);
+	cursor: pointer;
+}
+
+.error {
+	height: 13px;
+	background: url(../img/yz.png) no-repeat 0 -8px;
+	display: none;
+}
+
+.errorShow {
+	display: inline-block;
+}
+
+.rightCon {
+	width: 100%;
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	left: 0;
+	margin: auto;
+	height: 600px;
+}
+
+.leftCon {
+	width: 30%;
+	position: absolute;
+	top: 41%;
+	bottom: 0;
+	right: 0;
+	left: 50%;
+	margin: auto;
+}
+
+.leftCon img {
+	width: 100%;
+}
+
+.leftCon p {
+	font-size: 28px;
+	letter-spacing: 10px;
+	color: #e60111;
+	line-height: 80px;
+}
+
+.service {
+	width: 100%;
+	position: absolute;
+	bottom: 30px;
+}
+
+
+
+
+
+
+
+
+
+
+

WebUI/CallCenterWeb.UI/login.html

@@ -9,168 +9,9 @@
 		<meta name="description">
 		<meta name="renderer" content="webkit">
 		<link rel="shortcut icon" href="img/32.ico" />
-		<script src="./Script/Common/huayi.load.js"></script>
-		<script src="./Script/Common/huayi.config.js"></script>
 		<link rel="stylesheet" href="./css/init.css" />
-		<script src="./js/jquery.md5.js"></script>
-		<script src="./js/aes/crypto-js.js"></script>
-		<style>
-			html {
-				margin: 0 auto;
-				padding: 0;
-				height: 100%;
-			}
-			body {
-				height: 100%;
-				background: #fff;
-			}
-			.wrap {
-				width: 100%;
-				height: 100%;
-			}
-			.wrap_right {
-				float: left;
-				width: 50%;
-				height: 100%;
-			}
-			.wrap_left{
-				float: left;
-				width: 50%;
-				height: 100%;
-			}
-			.wrap_right{
-				position: relative;
-			}
-			.wrap_bj {
-				width: 100%;
-				height: 100%;
-				background: url(img/left_amg_01.jpg) no-repeat;
-				background-size: 100% 100%;
-			}
-			.tab_box {
-				border: 1px solid #41caf2;
-				border-top-right-radius: 15px;
-				border-bottom-left-radius: 15px;
-				margin: 50px auto 65px;
-				padding: 0;
-				overflow: hidden;
-				width: 410px;
-			}
-			.tab_box ul {
-				list-style: none;
-				margin: 0;
-				padding: 0;
-				width: 100%;
-				height: 50px;
-				line-height: 50px;
-				font-size: 16px;
-				color: #41caf2;
-				border-bottom: 1px solid #41caf2;
-				text-align: center;
-			}
-			.tab_box ul li {
-				width: 50%;
-				float: left;
-			}
-			.active {
-				background: #41caf2;
-				color: #fff;
-			}
-			.tab_content {
-				margin: 57px 0 35px 0;
-			}
-			.tab_content div p {
-				width: 80%;
-				margin: 0 auto;
-				height: 35px;
-				border: 1px solid #41caf2;
-				border-radius: 15px;
-				margin-bottom: 25px;
-				line-height: 30px;
-				padding-left: 20px;
-			}
-			.tab_content div p input {
-				width: 75%;
-				border: 0;
-				font-size: 16px;
-				outline: none;
-				font-family: "仿宋", "宋体";
-			}
-			.login_icon {
-				display: inline-block;
-				width: 17px;
-				height: 19px;
-				vertical-align: middle;
-				margin-right: 15px;
-			}
-			.login_icon_user {
-				background: url(img/login_user.png) no-repeat;
-			}
-			.login_icon_lock {
-				background: url(img/login_lock.png) no-repeat;
-			}
-			.login_icon_hua {
-				background: url(img/login_hua.png) no-repeat;
-			}
-			.login_go {
-				text-align: center;
-				padding: 0!important;
-				font-size: 16px;
-				letter-spacing: 16px;
-				font-family: "仿宋", "宋体";
-				color: #fff;
-				filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1f90ec, endcolorstr=#1cb5ef, gradientType=1);
-				background: -webkit-gradient(li near, 0 0, 100% 0, from(#1f90ec), to(#1cb5ef));
-				background: -webkit-linear-gradient(left, #1f90ec, #1cb5ef);
-				background: -moz-linear-gradient(left, #1f90ec, #1cb5ef);
-				background: -o-linear-gradient(left, #1f90ec, #1cb5ef);
-				background: linear-gradient(left, #1f90ec, #1cb5ef);
-				cursor: pointer;
-			}
-			
-			.error {
-				height: 13px;
-				background: url(img/yz.png) no-repeat 0 -8px;
-				display: none;
-			}
-			.errorShow {
-				display: inline-block;
-			}
-			.rightCon{
-				width: 100%;
-				position: absolute;
-				top: 0;
-				bottom: 0;
-				right: 0;
-				left: 0;
-				margin: auto;
-				height: 580px;
-			}
-			.leftCon{
-				width: 30%;
-				position: absolute;
-				top: 41%;
-				bottom: 0;
-				right: 0;
-				left: 50%;
-				margin: auto;
-			}
-			.leftCon img{
-				width: 100%;
-			}
-			.leftCon p{
-				font-size: 28px;
-				letter-spacing:10px;
-				color:#e60111;
-				line-height: 80px;
-			}
-			.service{
-				width: 100%;
-				position: absolute;
-				bottom: 30px;
-				
-			}
-		</style>
+		<link rel="stylesheet" href="css/login.css" />
+		
 	</head>
 	<body class="signin">
 		<div class="wrap clearfix">
@@ -208,7 +49,16 @@
 								<p>
 									<i class="login_icon login_icon_lock "></i>
 									<input class="zx_psw" type="password" placeholder="请输入您的密码" />
-									<i class="login_icon error error_zx error_zx_psw"></i>
+									
+								</p>
+								<p>
+									<i class="login_icon login_icon_hua "></i>
+									<input class="mobile" type="number" placeholder="请输入手机号" />
+								</p>
+								<p>
+									<i class="login_icon login_icon_hua "></i>
+									<input class="verification" type="number" placeholder="请输入验证码" />
+									<button class="btnVerifi" type="button">获取验证码</button>
 								</p>
 								<p class="login_go login_zx">登录</p>
 							</div>
@@ -223,6 +73,15 @@
 									<input class="gl_psw" type="password" placeholder="请输入您的密码" />
 									<i class="login_icon error error_gl error_gl_psw"></i>
 								</p>
+								<p>
+									<i class="login_icon login_icon_hua "></i>
+									<input class="mobile_user" type="text" placeholder="请输入手机号" />
+								</p>
+								<p>
+									<i class="login_icon login_icon_hua "></i>
+									<input class="verification_user" type="text" placeholder="请输入验证码" />
+									<button class="btnVerifi_user" type="button">获取验证码</button>
+								</p>
 								<p class="login_go login_gl">登录</p>
 							</div>
 						</div>
@@ -240,6 +99,10 @@
 			</div>
 
 		</div>
+		<script src="./Script/Common/huayi.load.js"></script>
+		<script src="./Script/Common/huayi.config.js"></script>
+		<script src="./js/jquery.md5.js"></script>
+		<script src="./js/aes/crypto-js.js"></script>
 		<script>
 			$(function() {
 				var a=0;
@@ -300,7 +163,9 @@
 								username: zx_user,
 								extensionphone: zx_fj,
 								LoginTime:currenttime,
-								password:encrypted.toString()
+								password:encrypted.toString(),
+								Mobile:$(".mobile").val(),
+								Code:$(".verification").val()
 							},
 							success: function(data) {
 								/*验证请求*/
@@ -327,6 +192,7 @@
 					}
 
 				})
+				
 				function CurentTime(){ 
 			        var now = new Date();
 			       
@@ -360,6 +226,7 @@
 			        clock += ss; 
 			        return(clock); 
 			    }
+				
 				//用户登录
 				$('.login_gl').click(function() {
 					var gl_user = $(".gl_user").val();
@@ -379,9 +246,7 @@
 						var key = CryptoJS.enc.Utf8.parse(")O[9d]6,YF}+efcaj{+8>Z'e9M"+datatime);
 						var gl_psw = CryptoJS.enc.Utf8.parse($.md5(gl_psw));
 						var encrypted = CryptoJS.AES.encrypt(gl_psw, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
-//						var decrypt = CryptoJS.AES.decrypt(encrypted, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
-//						console.log(CryptoJS.enc.Utf8.stringify(decrypt).toString());
-//						return false;
+						
 						/*请求后台*/
 						$.ajax({
 							type: "post",
@@ -391,7 +256,9 @@
 							data: {
 								username: gl_user,
 								password: encrypted.toString(),
-								LoginTime:currenttime
+								LoginTime:currenttime,
+								Mobile:$(".mobile_user").val(),
+								Code:$(".verification_user").val()
 							},
 							success: function(data) {
 								/*验证请求*/
@@ -413,6 +280,68 @@
 					}
 
 				})
+				
+				$(".btnVerifi").click(function(){
+					var myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/;
+				    if (!myreg.test($(".mobile").val())) {
+				       layer.msg($(".mobile").val())
+				      return false;
+				    }
+				    var mobile = $(".mobile").val();
+				    sendMsg(mobile);
+				})
+				
+				$(".btnVerifi_user").click(function(){
+					var myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/;
+					debugger
+				    if (!myreg.test($(".mobile_user").val())) {
+				       layer.msg($(".mobile_user").val())
+				      return false;
+				    }
+				    var mobile = $(".mobile_user").val();
+				    sendMsg(mobile)
+					
+				})
+				
+				function sendMsg(mobile){
+					console.log(mobile)
+					$.ajax({
+						type:"post",
+						url:huayi.config.callcenter_url+"Login/SendCode",
+						async:true,
+						dataType:'json',
+						data:{
+							mobile:mobile
+						},
+						success:function(data){
+							if (data.state == "success") {
+								layer.msg('发送成功')
+								verifi();
+							}
+						}
+					});
+				}
+				
+				function verifi(){
+		          	var time = 60;
+		          	var timer = null;
+		          	$('.btnVerifi').text(time + '秒后重新发送');
+		          	$('.btnVerifi').attr('disabled', 'disabled');  // 禁用按钮
+		          
+		          	timer = setInterval(function(){ 
+			            // 定时器到底了 兄弟们回家啦
+			            if(time == 1){
+			              clearInterval(timer);       
+			              $('.btnVerifi').text("获取验证码")
+			              $('.btnVerifi').removeAttr('disabled')
+			             
+			            }else{
+			              time--;
+			              $('.btnVerifi').text(time + '秒后重新发送');
+			            }
+			        }, 1000)
+							
+				}
 
 			})
 		</script>

商丘WebAPP/User-login.html

@@ -26,7 +26,18 @@
 					<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="mobile" type="number" class="mui-input-clear 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>
@@ -45,17 +56,67 @@
 			mui.plusReady(function() {
 				var usercode = localStorage.getItem("user1"); //获取本地存储
 				var psw1 = localStorage.getItem("psw1"); //获取本地存储
+        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)
+        }
+        
 				if (usercode != null) //如果缓存中有数据，则加载出来 
 				{
 					document.getElementById("account").value = usercode;
 					document.getElementById("password").value = localStorage.getItem("psw1");
 				}
+        document.getElementById("sendCode").addEventListener('tap',function(){
+          var mobile = document.getElementById('mobile').value;
+          var regular = /^[1][3,4,5,7,8,9][0-9]{9}$/;
+          fn();
+          return
+          if (!regular.test(mobile)) {
+            plus.nativeUI.toast("手机号格式不正确")
+            return false;
+          }
+          var data = {
+            "mobile":mobile
+          }
+          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 usercode = document.getElementById('account').value;
 					var password = document.getElementById('password').value;
+          var mobile = document.getElementById('mobile').value;
+          var mobileCode = document.getElementById('mobileCode').value;
 					var data = {
 						"usercode": usercode,
 						"password": $.md5(password),
+            "Mobile":mobile,
+            "Code":mobileCode
 					};
 					if (!usercode) {
 

商丘WebAPP/css/login.css

@@ -122,8 +122,8 @@ body {
 
 .mui-logo-box {
 	text-align: center;
-	padding-top: 80px;
-	margin-bottom: 50px;
+	padding-top: 50px;
+	
 }
 
 .mui-logo-box img {
@@ -173,7 +173,7 @@ input {
 	margin-top: 30px;
 }
 
-#login {
+#login,#sendCode {
 	border-radius: 20px;
 }
 

商丘WebAPP/css/personal.css

@@ -326,3 +326,13 @@ body {
 .font-weight-bold{
 	font-weight: bold;
 }
+.stateIcon {
+	position: absolute;
+	right: 6px;
+	top: 6px;
+	height: 20px;
+	color: #FF1B41;
+	border-radius: 10px;
+	font-size: 14px;
+	font-weight: bold;
+}

商丘WebAPP/login.html

@@ -13,7 +13,7 @@
 	<body>
 
 		<div class="mui-content">
-			<form id='login-form' class="mui-input-group">
+			<form id="login-form" class="mui-input-group">
 				<!--logo-->
 				<div class="mui-logo-box">
 					<div>
@@ -22,15 +22,27 @@
 				</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="请输入账号">
+					<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="请输入密码">
+					<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="mobile" type="text" class="mui-input-clear 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>
+				<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>		
@@ -44,26 +56,83 @@
 		<script>
 			mui.init();
 			mui.plusReady(function() {
+        
 				var usercode = localStorage.getItem("user"); //获取本地存储
 				var psw = localStorage.getItem("psw"); //获取本地存储s
+        var regular = /^[1][3,4,5,7,8,9][0-9]{9}$/;
 				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 mobile = document.getElementById('mobile').value;
+          
+          
+          
+          if (!regular.test(mobile)) {
+            plus.nativeUI.toast("手机号格式不正确")
+            return false;
+          }
+          var data = {
+            "mobile":mobile
+          }
+          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 mobile = document.getElementById('mobile').value;
+          var mobileCode = document.getElementById('mobileCode').value;
 					var data = {
 						"username": username,
 						"password": $.md5(password),
-						" extensionphone": 1
+						"extensionphone": 1,
+            "Mobile":mobile,
+						"Code":mobileCode
 					};
-					if(!username) {
+          if(!username) {
 						plus.nativeUI.toast('输入账号');
 					} else if(!password) {
 						plus.nativeUI.toast('密码不能为空');
-					} else {
+					} else if (!regular.test(mobile)) {
+            plus.nativeUI.toast("手机号格式不正确")
+            return false;
+          } else if(!mobileCode){
+            plus.nativeUI.toast("请输入验证码")
+            return false;
+          } else {
 						if(plus.networkinfo.getCurrentType() == plus.networkinfo.CONNECTION_NONE) {
 							mui.toast("网络连接中断！");
 						}

商丘WebAPP/manifest.json

@@ -71,7 +71,9 @@
         "Camera" : {},
         "Audio" : {},
         "Device" : {},
-        "Contacts" : {}
+        "Contacts" : {},
+        "Webview-x5" : {},
+        "VideoPlayer" : {}
     },
     "plus" : {
         "splashscreen" : {

商丘WebAPP/personal.html

@@ -47,30 +47,35 @@
 								<div class="Icon icon-1"><i  class="mui-icon iconfont icon-dengdai2"></i></div>
 								<div class="mui-media-body font-weight-bold">待交办</div>
 							</a>
+              <div class="stateIcon spllddcl"></div>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
 							<a href="javascript:;" class="Dispatch-listDCL" data-index="0" index="3">
 								<div class="Icon icon-2"><i class="mui-icon iconfont icon-hui "></i></div>
 								<div class="mui-media-body font-weight-bold">退回审核</div>
 							</a>
+              <div class="stateIcon splthsh"></div>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
 							<a href="javascript:;" class="Dispatch-listDCL" data-index="0" index="5">
 								<div class="Icon icon-3"><i class="mui-icon iconfont icon-dengdai3 "></i></div>
 								<div class="mui-media-body font-weight-bold">延时审核</div>
-							</a>
+              </a>
+              <div class="stateIcon sqlyssh"></div>
 						</li>						
 						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
 							<a href="javascript:;" class="Dispatch-listDCL" data-index="0" index="11" issatisfie="0">
 								<div class="Icon icon-7"><i class="mui-icon iconfont  icon-daiban"></i></div>
-								<div class="mui-media-body font-weight-bold">重办待交办</div>
-							</a>
+								<div class="mui-media-body font-weight-bold">重办待交办</div>               
+              </a>
+              <div class="stateIcon sqlcbdjb"></div>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
 							<a href="javascript:;" class="Dispatch-listYJB"  data-index="1">
 								<div class="Icon icon-6"><i class="mui-icon iconfont icon-yibanli "></i></div>
-								<div class="mui-media-body font-weight-bold">已交办</div>
-							</a>
+								<div class="mui-media-body font-weight-bold">已交办</div>							
+              </a>
+             
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
 							<a href="javascript:;" class="Seach" data-index="0">
@@ -86,30 +91,35 @@
 								<div class="Icon icon-1"><i class="mui-icon iconfont icon-check1 "></i></div>
 								<div class="mui-media-body font-weight-bold">待查收</div>
 							</a>
+              <div class="stateIcon dwdcs"></div>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
 							<a href="javascript:;" class="Undertake-list" data-index="0" index="4">
 								<div class="Icon icon-2"><i class="mui-icon iconfont icon-daibanli "></i></div>
 								<div class="mui-media-body font-weight-bold">待办理</div>
 							</a>
+              <div class="stateIcon dwdbl"></div>
 						</li>					
 						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
 							<a href="javascript:;" class="Undertake-listYBL">
 								<div class="Icon icon-7"><i class="mui-icon iconfont icon-yibanli "></i></div>
 								<div class="mui-media-body font-weight-bold">已办理</div>
 							</a>
+              
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
 							<a href="javascript:;" class="Undertake-list" data-index="2">
 								<div class="Icon icon-3"><i class="mui-icon iconfont icon-gongyonghuishou "></i></div>
 								<div class="mui-media-body font-weight-bold">退回审核</div>
 							</a>
+              <div class="stateIcon dwthsh"></div>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
 							<a href="javascript:;" class="Undertake-list" data-index="3">
 								<div class="Icon icon-4"><i class="mui-icon iconfont icon-gaojing "></i></div>
 								<div class="mui-media-body font-weight-bold">延时审核</div>
 							</a>
+              <div class="stateIcon dwyssh"></div>
 						</li>
 						
 						
@@ -121,12 +131,14 @@
 								<div class="Icon icon-2"><i class="mui-icon iconfont icon-daibanli "></i></div>
 								<div class="mui-media-body font-weight-bold">待办理</div>
 							</a>
+              <div class="stateIcon ejdbl"></div>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
 							<a href="javascript:;" class="Dispatch-list1" data-index="1">
 								<div class="Icon icon-7"><i class="mui-icon iconfont icon-yibanli "></i></div>
 								<div class="mui-media-body font-weight-bold">已办理</div>
 							</a>
+              <div class="stateIcon ejybl"></div>
 						</li>
 					</ul>
 					<!--督办专员-->
@@ -136,12 +148,14 @@
 								<div class="Icon icon-2"><i class="mui-icon iconfont icon-daibanli "></i></div>
 								<div class="mui-media-body font-weight-bold">待督办</div>
 							</a>
+              <div class="stateIcon DTJ"></div>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
 							<a href="javascript:;" class="Supervision-list" data-index="6">
 								<div class="Icon icon-7"><i class="mui-icon iconfont icon-yibanli "></i></div>
 								<div class="mui-media-body font-weight-bold">已督办</div>
 							</a>
+              <div class="stateIcon DTJ"></div>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
 							<a href="javascript:;" class="Seach" data-index="0">
@@ -149,6 +163,7 @@
 								<div class="mui-media-body font-weight-bold">工单查询</div>
 							</a>
 						</li>
+            <div class="stateIcon DTJ"></div>
 					</ul>
 					<!--督办专员-->
 					<ul class="mui-table-view mui-grid-view mui-grid-9 Common-box party" style="display: none;">
@@ -157,6 +172,7 @@
 								<div class="Icon icon-2"><i class="mui-icon iconfont icon-check1 "></i></div>
 								<div class="mui-media-body font-weight-bold">添加工单</div>
 							</a>
+              <div class="stateIcon DTJ"></div>
 						</li>
 						
 						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
@@ -223,7 +239,11 @@
 	<script>
 		mui.init();
 		mui.plusReady(function() {
+      
+      //setInterval(function() {ajaxRefresh()},60*1000);
 			var token = localStorage.getItem("token"); //获取本地存储
+      var usercode;
+      //alert(token)
 			//var token = localStorage.getItem("token")
 			//权限判断
 			mui.ajax(huayi.config.callcenter_url + '/UserAccount/GetNowUser', {
@@ -241,6 +261,9 @@
 					$(".F_UserName").text(data.data.user.F_UserName);
 					localStorage.setItem("F_UserName", data.data.user.F_UserName);
 					localStorage.setItem("F_UserName", data.data.user.F_UserName);
+          //alert(JSON.stringify(data.data.user.F_UserCode))
+          usercode = data.data.user.F_UserCode;
+          ajaxRefresh();
 					$(".rolname").text(data.data.user.rolname);
 					//alert(RoleCode)
 					if(RoleCode == "WLDW") { //承办
@@ -266,7 +289,7 @@
 				}
 
 			});
-//			一级查看-已交办页面
+      //一级查看-已交办页面
 			$('.Dispatch-listYJB').on('tap', function() {
 				var nwaiting = plus.nativeUI.showWaiting();
 				webviewShow = plus.webview.create("workOrder/Dispatch-index.html"); //后台创建webview并打开show.html  
@@ -275,6 +298,95 @@
 					webviewShow.show("slide-in-right", 300); //把新webview窗体显示出来，显示动画效果为速度300毫秒的右侧移入动画
 				}, false);
 			})
+      
+      function ajaxRefresh() {
+        //alert(usercode)
+       	//权限判断
+      	$.ajax({
+      		data: {
+      			usercode: usercode,
+      		},
+      		url: huayi.config.callcenter_url + '/APP/GetOrderCount',
+      		dataType: 'json', //服务器返回json格式数据
+      		type: 'get', //HTTP请求类型
+      		timeout: 10000, //超时时间设置为10秒；
+      		headers: {
+      			'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
+      		},
+      		success: function(data) {
+            alert(JSON.stringify(data))
+            var data = data.data;
+            
+            //alert(data.spllddcl)
+            //一级待交办
+      			if(data.sqllddcl == 0) {
+      				$(".spllddcl").hide(); 
+      			} else {
+      				$(".spllddcl").text(data.sqllddcl); 
+      			}
+            //一级退回审核
+      			if(data.sqlthsh == 0) {
+      				$(".splthsh").hide(); 
+      			}  else {
+      				$(".splthsh").text(data.sqlthsh); 
+      			}
+            //一级延时审核
+      			if(data.sqlyssh == 0) {
+      				$(".sqlyssh").hide(); 
+      			} else {
+      				$(".sqlyssh").text(data.sqlyssh); 
+      			}
+            //一级重办待交办
+      			if(data.sqlcbdjb == 0) {
+      				$(".sqlcbdjb").hide(); 
+      			}  else {
+      				$(".sqlcbdjb").text(data.sqlcbdjb); 
+      			}
+            //二级待查收
+      			if(data.dwdcs == 0) {
+      				$(".dwdcs").hide(); 
+      			}  else {
+      				$(".dwdcs").text(data.dwdcs); 
+      			}
+            //二级待办理
+      			if(data.dwdbl == 0) {
+      				$(".dwdbl").hide(); 
+      			}  else {
+      				$(".dwdbl").text(data.dwdbl); 
+      			}
+            //二级退回审核
+      			if(data.dwthsh == 0) {
+      				$(".dwthsh").hide(); 
+      			}  else {
+      				$(".dwthsh").text(data.dwthsh); 
+      			}
+            //二级延时审核
+      			if(data.dwyssh == 0) {
+      				$(".dwyssh").hide(); 
+      			} else {
+      				$(".dwyssh").text(data.dwyssh); 
+      			}
+            //三级待办理
+      			if(data.ejdbl == 0) {
+      				$(".ejdbl").hide(); 
+      			}  else {
+      				$(".ejdbl").text(data.ejdbl); 
+      			}
+            //三级已办理
+      			if(data.ejybl == 0) {
+      				$(".ejybl").hide(); 
+      			}  else {
+      				$(".ejybl").text(data.ejybl); 
+      			}
+      			
+      		},
+      		error: function(xhr, type, errorThrown) {
+      			//异常处理；
+            alert(xhr+type,errorThrown)
+      		}
+      
+      	});
+      }
 			//一级查看-待处理列表 列表接口GetLDDealList
 			$(".Dispatch-listDCL").on('tap', function() {
 				var isdeal = $(this).attr('data-index'); //070