Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
mengjie
/
FuWaiCallCenter_UI
Obserwuj 1
Polub 0
Forkuj 0
Kod Problemy 0 Oczekujące zmiany 0 Commity 17 Wydania 0 Wiki
Przeglądaj źródła

修改 登录页面；

fanlongfei 6 lat temu
rodzic
9941dc2392
commit
2e24663d83
10 zmienionych plików z 140 dodań i 613 usunięć
Widok podzielony Pokaż statystyki zmian
  1. 1 369
      CallCenterWeb.UI/css/login.min.css
  2. BIN
      CallCenterWeb.UI/img/FWLogo.png
  3. BIN
      CallCenterWeb.UI/img/bgl.png
  4. BIN
      CallCenterWeb.UI/img/checkbox.png
  5. BIN
      CallCenterWeb.UI/img/login_bg.png
  6. BIN
      CallCenterWeb.UI/img/logo.png
  7. BIN
      CallCenterWeb.UI/img/sign_bg.png
  8. BIN
      CallCenterWeb.UI/img/signin_icon.png
  9. 1 1
      CallCenterWeb.UI/index.html
  10. 138 243
      CallCenterWeb.UI/login.html

Plik diff jest za duży
+ 1 - 369
CallCenterWeb.UI/css/login.min.css


BIN
CallCenterWeb.UI/img/FWLogo.png
Wyświetl plik


BIN
CallCenterWeb.UI/img/bgl.png
Wyświetl plik


BIN
CallCenterWeb.UI/img/checkbox.png
Wyświetl plik


BIN
CallCenterWeb.UI/img/login_bg.png
Wyświetl plik


BIN
CallCenterWeb.UI/img/logo.png
Wyświetl plik


BIN
CallCenterWeb.UI/img/sign_bg.png
Wyświetl plik


BIN
CallCenterWeb.UI/img/signin_icon.png
Wyświetl plik


+ 1 - 1
CallCenterWeb.UI/index.html
Wyświetl plik 

@@ -6,7 +6,7 @@
6 6 
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
7 7 
 		<meta name="renderer" content="webkit" />
8 8 
 		<meta http-equiv="Cache-Control" content="no-siteapp" />
9 
-		<title>三元财务_呼叫中心管理系统</title>
9 
+		<title>阜外华中心血管病医院_呼叫中心管理系统</title>
10 10 
 		<link rel="shortcut icon" href="img/32.ico" />
11 11 
 		<script src="./Script/Common/huayi.load.js"></script>
12 12 
 		<script src="./Script/Common/huayi.config.js"></script>

+ 138 - 243
CallCenterWeb.UI/login.html
Wyświetl plik 

@@ -1,6 +1,5 @@
1 1 
 <!DOCTYPE html>
2 2 
 <html lang="zh-CN">
3 
-
4 3 
 	<head>
5 4 
 		<meta charset="utf-8">
6 5 
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
@@ -9,273 +8,169 @@
9 8 
 		<meta name="description">
10 9 
 		<meta name="renderer" content="webkit" />
11 10 
 		<link rel="shortcut icon" href="img/32.ico" />
12 
-		<link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet" type="text/css">
13 
-		<link href="./css/animate.min.css" rel="stylesheet" type="text/css" />
11 
+		<link href="./css/bootstrap.min14ed.css" rel="stylesheet" type="text/css">
12 
+		<!-- <link href="./css/animate.min.css" rel="stylesheet" type="text/css" /> -->
14 13 
 		<link href="./css/login.min.css" rel="stylesheet">
15 
-		<!--[if lt IE 9]>
16 
-    		<meta http-equiv="refresh" content="0;ie.html" />
17 
-    	<![endif]-->
18 14 
 	</head>
19 
-	<body>
20 
-		<div class="header">
21 
-			<img class="logo" src="img/logo.png" alt="logo">
22 
-		</div>
23 
-
24 
-		<div class="signin">
25 
-			<div class="signin_bgl animated fadeIn"></div>
26 
-
27 
-			<div class="signin_bg animated fadeIn">
28 
-				<ul class="login_tab clearfix" id="login_tab">
29 
-					<li class="active">坐席登录</li>
30 
-					<li>管理员登录</li>
31 
-				</ul>
32 
-				<div class="signin_panel" id="signin">
33 
-					<div class="signin_user">
34 
-						<i class="signin_icons"></i>
35 
-						<input class="form-control" type="text" placeholder="请输入账号" id="user" autofocus autocomplete="off">
36 
-					</div>
37 
-					<div class="signin_extensionnumber" id="signin_extensionnumber">
38 
-						<i class="signin_icons"></i>
39 
-						<input class="form-control" type="text" placeholder="请输入分机号" id="extensionNumber" autofocus autocomplete="off">
40 
-					</div>
41 
-					<div class="signin_password">
42 
-						<i class="signin_icons"></i>
43 
-						<input class="form-control" type="text" onfocus="this.type='password'" placeholder="请输入密码" id="password" autocomplete="new-password">
44 
-					</div>
45 
-					<div class="alert alert-danger" id="login_tips" role="alert">
46 
-						<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
47 
-						<span class="sr-only">Error:</span>
48 
-						<span id="login_msg"></span>
49 
-					</div>
50 
-					<button class="btns" type="button" disabled="disabled">登录</button>
51 
-					<div class="login_panel_footer">
52 
-						<span class="footer_text">新乡“心连心”</span>
15 
+
16 
+	<body class="signin">
17 
+		<div class="signin_bg row">
18 
+			<div class="signin_bg_left col-md-5"></div>
19 
+			<div class="signin_bg_mask col-md-5"></div>
20 
+			<div class="left_word_bj col-md-5"></div>
21 
+			<div class="left_word">
22 
+				<div class="left_text">
23 
+					<div class="logo">
24 
+						<span>阜外华中心血管病医院</span>
53 25 
 					</div>
26 
+					<h3 style="font-weight: normal;">仁心 笃行 精诚 致远 </h3>
27 
+					<p>阜外华中心血管病医院是在国家卫健委关心支持和重视推动下，由中国医学科学院阜外医院、国家心血管病中心与河南省人民政府合作共建，依托河南省人民医院，按照国家三级甲等心血管病医院标准和现代医院管理制度要求建设的非营利性公立医院，是国家心血管病中心在全国布局的唯一分中心国家心血管病中心华中分中心所在地。
28 
+					</p>
54 29 
 				</div>
55 30 
 			</div>
56 31 
 		</div>
57 
-
58 
-		<div class="footer text-center">
59 
-			<p>
60 
-				<!-- <a href="ExeWork/LeCallCenterSetup.exe" rel="nofollow" title="下载客户端">下载客户端</a> |
61 
-				<a href="ExeWork/Microsoft.NET4.0.exe" rel="nofollow" title="下载安装环境">下载安装环境</a> |
62 
-				<a href="ExeWork/vcredist_x86.exe" rel="nofollow" title="安装异常补充包">安装异常补充包</a> | -->
63 
-				技术服务热线：0371-88888517
64 
-			</p>
65 
-			<p class="copyright">Copyright &copy; 2010-2020  华谊科技 版权所有</p>
32 
+		<div class="container">
33 
+			<div class="row clearfix">
34 
+				<div class="signin_left col-md-5"></div>
35 
+				<div class="signin_right col-md-5">
36 
+					<div class="signin_panel">
37 
+						<div class="logo_title">
38 
+							<img src="img/FWLogo.png" alt="" width="50px" height="47px" />
39 
+							<h1>呼叫中心管理系统<br />
40 
+								<span>CALL CENTER MANAGEMENT SYSTEM</span>
41 
+							</h1>
42 
+						</div>
43 
+
44 
+						<div class="signin_user">
45 
+							<i class="signin_icons"></i>
46 
+							<input class="form-control" type="text" placeholder="请输入您的管理账号" id="user" autofocus autocomplete="off">
47 
+							<i class="ts user_ts"></i>
48 
+						</div>
49 
+						<div class="signin_seat">
50 
+							<i class="signin_icons"></i>
51 
+							<input class="form-control" type="text" placeholder="请输入分机号" id="userSeat" autocomplete="off">
52 
+						</div>
53 
+						<div class="signin_password">
54 
+							<i class="signin_icons"></i>
55 
+							<input class="form-control" type="password" placeholder="请输入您的密码" id="password" autocomplete="off">
56 
+							<i class="ts password_ts"></i>
57 
+						</div>
58 
+						<div class="clearfix singin_rpassword">
59 
+							<div class="rpassword">
60 
+								<label for="rpassword">
61 
+									<input type="checkbox" id="rpassword">
62 
+									<span class="checkbox_icon"></span>
63 
+									记住密码
64 
+								</label>
65 
+							</div>
66 
+							<!--<div class="fpassword">
67 
+                            <a href="#" title="忘记密码">忘记秘密？</a>
68 
+                        </div>-->
69 
+						</div>
70 
+						<div class="btns" type="button">登录</div>
71 
+						<!--<div class="fregister">
72 
+                        <span>还没有账号？</span>
73 
+                        <a href="#" title="立即注册">立即注册&gt;&gt;</a>
74 
+                    </div>-->
75 
+						<div class="signfooter">
76 
+							<p>Copyright &copy; 2010-2020  华谊科技 版权所有</p>
77 
+						</div>
78 
+					</div>
79 
+
80 
+				</div>
81 
+			</div>
66 82 
 		</div>
67 
-
68 
-		<script src="Script/Common/huayi.config.js"></script>
69 
-		<script language="javascript" type="text/javascript" src="./js/jquery.min.js?v=2.1.4"></script>
83 
+		<script language="javascript" type="text/javascript" src="./Script/Common/huayi.config.js"></script>
84 
+		<script language="javascript" type="text/javascript" src="./js/jquery.min.js"></script>
70 85 
 		<script language="javascript" type="text/javascript" src="./js/jquery.cookie.js"></script>
71 86 
 		<script language="javascript" type="text/javascript" src="./js/layer/layer.js"></script>
72 87 
 		<script src="./Script/Common/regexs.js"></script>
73 88 
 		<script>
74 89 
 			$(function() {
75 
-				$('#login_tab').find('li').on('click', tabChane);
76 
-
77 
-				$('#signin').find("input[class='form-control']").focus(function() {
78 
-					$(this).parent().addClass('active').siblings().removeClass('active')
90 
+				/*输入框样式改变*/
91 
+				$("#user").focus(function() {
92 
+					$(this).parent().addClass("_success");
93 
+				});
94 
+				$("#user").blur(function() {
95 
+					$(this).parent().removeClass("_success");
79 96 
 				});
80 
-				$('#signin').find("input[class='form-control']").blur(function() {
81 
-					$(this).parent().removeClass('active').siblings().removeClass('active')
97 
+				$("#password").focus(function() {
98 
+					$(this).parent().addClass("_success");
99 
+				});
100 
+				$("#password").blur(function() {
101 
+					$(this).parent().removeClass("_success");
82 102 
 				});
83 103
84 
-				/*输入框绑定验证*/
85 
-				$('#signin').find("input[class='form-control']").on('focus input propertychange', valideInput);
86 
-				$('#user').trigger('propertychange');
87 
-				$('#user').trigger('focus');
88 
-				$('#user').trigger('input');
89 
-			});
104 
+				/*cook存储数据*/
105 
+				if ($.cookie("username")) {
106 
+					//取值如果存在则赋值
107 
+					$("#user").val($.cookie("user")); //用户名
108 
+				}
109 
+
110 
+				$(".btns").click(function() {
111 
+					login();
112 
+				});
90 113
91 
-			//enter 登录
92 
-			function enterHanlde(event) {
93 
-				if(event.keyCode == "13") {
94 
-					if(!$('.layui-layer-btn').length){
95 
-						$('.btns:not(:disabled)').trigger("click");
96 
-					}else{
97 
-						$('.layui-layer-btn a').trigger('click');
114 
+				$('input').bind('keypress', function(event) {
115 
+					if (event.keyCode == "13") {
116 
+						$('.btns').trigger("click");
98 117 
 					}
99 
-				}
100 
-			}
118 
+				});
101 119
120 
+			});
102 121 
 			/*点击提交*/
103 122 
 			function login() {
104 
-				if($('#login_tab').find('li.active').text() !== '坐席登录'){
105 
-					$('#extensionNumber').val('');
106 
-				}
107 
-				$.ajax({
108 
-					type: "post",
109 
-					url: huayi.config.callcenter_url + "/Login/login",
110 
-					dataType: 'json',
111 
-					async: true,
112 
-					beforeSend: function() { //触发ajax请求开始时执行
113 
-						$('.btns').attr("disabled", true);
114 
-						$('.btns').text('登录中...');
115 
-						$(document).off('click', '.btns', login);
116 
-						$(document).off('keypress', enterHanlde);
117 
-						loadIndex = layer.load();
118 
-					},
119 
-					data: {
120 
-						username: $("#user").val(),
121 
-						extensionphone: $('#extensionNumber').val(),
122 
-						password: $("#password").val()
123 
-					},
124 
-					success: function(data) {
125 
-						layer.close(loadIndex);
126 
-						/*验证请求*/
127 
-						if(data.state == "success") {
128 
-							$.cookie("token", data.data.token, {
129 
-								expires: 7
130 
-							});
131 
-							$.cookie("extno", $('#extensionNumber').val(), {
132 
-								expires: 7
133 
-							});
134 
-							window.location.href = "index.html";
135 
-						} else {
136 
-//							$("#user").val('');
137 
-							$("#password").val('');
138 
-//							$("#extensionNumber").val('');
139 
-//							$("#user").parent().removeClass('has-success has-feedback');
140 
-//							$("#user").parent().removeClass('has-error has-feedback');
141 
-//							$("#user").parent().find('.glyphicon').remove();
142 
-//							$("#extensionNumber").parent().removeClass('has-success has-feedback');
143 
-//							$("#extensionNumber").parent().removeClass('has-error has-feedback');
144 
-//							$("#extensionNumber").parent().find('.glyphicon').remove();
145 
-							$("#password").parent().removeClass('has-success has-feedback');
146 
-							$("#password").parent().removeClass('has-error has-feedback');
147 
-							$("#password").parent().find('.glyphicon').remove();
148 
-							$('.btns').text('登录');
149 
-							$(document).off('keypress', enterHanlde);
150 
-							layer.alert(data.message, {
151 
-								icon: 2,
152 
-								closeBtn: 0,
153 
-								btn: ['确定'], //按钮
154 
-							}, function(index) {
155 
-								parent.$('.btns').attr("disabled", true);
156 
-								parent.$(document).off('click', '.btns', login);
157 
-								parent.$(document).off('keypress', enterHanlde);
158 
-								parent.layer.close(index);
159 
-								parent.$('#user').trigger('focus');
160 
-							});
161 
-						}
162 
-					},
163 
-
164 
-					error: function(textStatus) {
165 
-						layer.close(loadIndex);
166 
-						layer.confirm('网络繁忙，请稍后再试...', {
167 
-							closeBtn: 0,
168 
-							btn: ['确定'] //按钮
123 
+				var User = $("#user").val();
124 
+				var Password = $("#password").val();
125 
+				var userSeat = $("#userSeat").val();
126 
+				/*保存COOK*/
127 
+				//$.cookie("user", $("#user").val(),{expires: 7,secure:true});
128 
+				/*表单验证*/
129 
+				if (User == "" || Password == "") {
130 
+					$(".ts").addClass("Yz_error");
131 
+					if ($("#user").val() == "") {
132 
+						$("#user").focus(function() {
133 
+							$(".user_ts").removeClass("Yz_error");
134 
+							$(".password_ts").removeClass("Yz_error");
135 
+							$(this).parent().addClass("_success");
169 136 
 						});
170 
-						$('.btns').text('登录');
171 
-						$('.btns').attr("disabled", false);
172 
-						$(document).off('click', '.btns', login);
173 
-						$(document).on('click', '.btns', login);
174 
-						$(document).off('keypress', enterHanlde);
175 
-						$(document).on('keypress', enterHanlde);
176 
-					},
177 
-					complete: function(XMLHttpRequest, textStatus) {
178 
-						layer.close(loadIndex);
179 
-						if(textStatus == 'timeout') {
180 
-							var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
181 
-							xmlhttp.abort();
182 
-							layer.confirm('网络超时，请稍后再试...', {
183 
-								closeBtn: 0,
184 
-								btn: ['确定'] //按钮
185 
-							});　　　　
186 
-						}
187 
-						$('.btns').text('登录');
188 
-						$('.btns').attr("disabled", false);
189 
-						$(document).off('click', '.btns', login);
190 
-						$(document).on('click', '.btns', login);
191 
-						$(document).off('keypress', enterHanlde);
192 
-						$(document).on('keypress', enterHanlde);
193 
-					},
194 
-				});
195 
-			}
196 
-
197 
-			//验证
198 
-			function valideInput() {
199 
-				var _that = $(this);
200 
-				var ele = $(this).attr('id');
201 
-				var isSeat = null;
202 
-				if($('#login_tab').find('li.active').text() === '坐席登录'){
203 
-					isSeat = true;
204 
-				}else{
205 
-					isSeat = false;
206 
-				}
207 
-				if(ele === 'user') {
208 
-					valideMethods(_that, regexs.userReg, '4-20个字符只能是字母、下划线、数字');
209 
-				} else if(ele === 'extensionNumber' && isSeat) {
210 
-					valideMethods(_that, regexs.num, '只能输入数字');
211 
-				} else if(ele === 'password') {
212 
-					valideMethods(_that, regexs.passwordReg, '6-32个字符只能是字母、下划线、数字');
213 
-				}
214 
-
215 
-				if(regexs.userReg.test($.trim($('#user').val())) && regexs.passwordReg.test($.trim($("#password").val()))) {
216 
-					if(isSeat){
217 
-						if(!$.trim($('#extensionNumber').val())){
218 
-							$('#login_tips').show();
219 
-							$('#login_msg').text('您还没有输入分机号！');
220 
-							$('.btns').attr("disabled", true);
221 
-							$(document).off('click', '.btns', login);
222 
-							$(document).off('keypress', enterHanlde);
223 
-						}else{
224 
-							if(regexs.nums.test($.trim($('#extensionNumber').val()))) {
225 
-								$('.btns').attr("disabled", false);
226 
-								$(document).off('click', '.btns', login);
227 
-								$(document).on('click', '.btns', login);
228 
-								$(document).off('keypress', enterHanlde);
229 
-								$(document).on('keypress', enterHanlde);
137 
+					} else {
138 
+						$(".user_ts").addClass("Yz_success");
139 
+					}
140 
+				} else {
141 
+					/*请求后台*/
142 
+					$.ajax({
143 
+						type: "post",
144 
+						url: huayi.config.callcenter_url + "/Login/login",
145 
+						dataType: 'json',
146 
+						async: true,
147 
+						beforeSend: function() { //触发ajax请求开始时执行
148 
+							$('.btns').text('登录中...');
149 
+							loadIndex = layer.load();
150 
+						},
151 
+						data: {
152 
+							username: User,
153 
+							extensionphone: userSeat,
154 
+							password: Password
155 
+						},
156 
+						success: function(data) {
157 
+							/*验证请求*/
158 
+							if (data.state == "success") {
159 
+								$.cookie("token", data.data.token, {
160 
+									expires: 7
161 
+								});
162 
+								$.cookie("extno", userSeat, {
163 
+									expires: 7
164 
+								});
165 
+								window.location.href = "index.html";
230 166 
 							} else {
231 
-								$('.btns').attr("disabled", true);
232 
-								$(document).off('click', '.btns', login);
233 
-								$(document).off('keypress', enterHanlde);
167 
+								layer.msg("登录失败");
168 
+								$('.btns').text('登录');
234 169 
 							}
235 170 
 						}
236 
-					}else{
237 
-						$('.btns').attr("disabled", false);
238 
-						$(document).off('click', '.btns', login);
239 
-						$(document).on('click', '.btns', login);
240 
-						$(document).off('keypress', enterHanlde);
241 
-						$(document).on('keypress', enterHanlde);
242 
-					}
243 
-				}
244 
-			}
245 
-			/**
246 
-			 * 验证方法
247 
-			 * _this :传递的this
248 
-			 * regRlues: 验证的规则
249 
-			 * msg: 提示信息
250 
-			 * */
251 
-			function valideMethods(_this, regRlues, msg) {
252 
-				$('#login_tips').hide();
253 
-				$('#login_msg').text('');
254 
-				if(!regRlues.test($.trim(_this.val()))) {
255 
-					_this.parent().removeClass('has-success has-feedback').addClass('has-error has-feedback');
256 
-					_this.parent().find('.glyphicon').remove();
257 
-					$('<span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>').appendTo(_this.parent());
258 
-					$('#login_tips').show();
259 
-					$('#login_msg').text(msg);
260 
-				} else {
261 
-					_this.parent().removeClass('has-error has-feedback').addClass('has-success has-feedback');
262 
-					_this.parent().find('.glyphicon').remove();
263 
-					$('<span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span>').appendTo(_this.parent());
171 
+					});
264 172 
 				}
265 173 
 			}
266 
-
267 
-			//tab 切换
268 
-			function tabChane(){
269 
-				$('#login_tips').hide();
270 
-				$(this).addClass('active').siblings().removeClass('active');
271 
-				if($(this).index() === 1){
272 
-					$('#signin_extensionnumber').hide();
273 
-				}else{
274 
-					$('#signin_extensionnumber').show();
275 
-				}
276 
-				$('#user').trigger('focus');
277 
-			}
278 174 
 		</script>
279 175 
 	</body>
280 
-
281 
-</html>
176 
+</html>