瀏覽代碼

修改登陆界面

zhangshuangnan 7 年之前
父節點
當前提交
7d98d59cd4
共有 4 個文件被更改,包括 96 次插入42 次删除
  1. 33 10
      CallCenterWeb.UI/css/login.css
  2. 二進制
      CallCenterWeb.UI/img/FWLogo.png
  3. 二進制
      CallCenterWeb.UI/img/login_bg.png
  4. 63 32
      CallCenterWeb.UI/login.html

+ 33 - 10
CallCenterWeb.UI/css/login.css

21
 	top: 0;
21
 	top: 0;
22
 	background: url(../img/login_bg.png) no-repeat left top;
22
 	background: url(../img/login_bg.png) no-repeat left top;
23
 	background-size: 100% 100%;
23
 	background-size: 100% 100%;
24
-	height: 100%;	
24
+	height: 100%;
25
+	padding: 0;	
25
 }
26
 }
26
 .signin_bg_mask{
27
 .signin_bg_mask{
27
 	position: absolute;
28
 	position: absolute;
29
 	top: 0;
30
 	top: 0;
30
 	width: 50%;
31
 	width: 50%;
31
 	/*background-color: rgba(0,0,0,.5);*/
32
 	/*background-color: rgba(0,0,0,.5);*/
32
-	height: 100%;	
33
+	height: 100%;
34
+	padding: 0;	
33
 }
35
 }
34
 
36
 
35
 .signin_left {
37
 .signin_left {
55
 }
57
 }
56
 .signin_left h3,.left_word>div h3{
58
 .signin_left h3,.left_word>div h3{
57
 	font-size: 24px;
59
 	font-size: 24px;
58
-	color: #006967;
59
-	margin-bottom: 2.5%;
60
+	color: #01b2fe;
61
+	margin-top:26%;
60
 }
62
 }
61
 .signin_left h3 + p,.left_word>div h3 + p{
63
 .signin_left h3 + p,.left_word>div h3 + p{
62
 	line-height: 30px;
64
 	line-height: 30px;
63
-	font-size: 18px;
65
+	font-size: 16px;
64
 	color: #fff;
66
 	color: #fff;
67
+	margin-top: 6%;
65
 }
68
 }
66
 
69
 
67
 .signin_right{
70
 .signin_right{
68
 	width: 100%;
71
 	width: 100%;
69
 }
72
 }
73
+.logo_title{
74
+	margin: 0 0 19.46% 0;
75
+}
76
+.logo_title>img, .logo_title h1 {
77
+	display: inline-block;
78
+    vertical-align: middle;
79
+}
70
 .signin_right .signin_panel{
80
 .signin_right .signin_panel{
71
 	float: right;
81
 	float: right;
72
 	text-align: center;
82
 	text-align: center;
74
 	width: 65%;
84
 	width: 65%;
75
 }
85
 }
76
 .signin_right .signin_panel h1{
86
 .signin_right .signin_panel h1{
77
-	font-size: 24px;
87
+	font-size: 30px;
78
 	font-family: '华文仿宋';
88
 	font-family: '华文仿宋';
79
-	margin: 0 0 19.46% 0;
80
-	font-weight: 600;
89
+	font-weight: 500;
90
+	color: #000000;
91
+}
92
+.signin_right .signin_panel h1 span{
93
+	font-size: 13px;
94
+    font-weight: bolder;
95
+        position: relative;
96
+    top: -10px;
81
 }
97
 }
82
 .signin_panel .signin_user,
98
 .signin_panel .signin_user,
83
 .signin_panel .signin_password,
99
 .signin_panel .signin_password,
174
 
190
 
175
 .btns{
191
 .btns{
176
     width: 100%;
192
     width: 100%;
177
-    background-color: #67d1fe;
193
+    background-color: #01b2fe;
178
     color: #fff;
194
     color: #fff;
179
     height: 40px;
195
     height: 40px;
180
     line-height: 40px;
196
     line-height: 40px;
189
     letter-spacing: 6px;
205
     letter-spacing: 6px;
190
 }
206
 }
191
 .btns:hover{
207
 .btns:hover{
192
-    background-color: #23b2ef;
208
+    background-color: #00a5ec;
193
 }
209
 }
194
 
210
 
195
 
211
 
267
 	div.signin_bg_mask {
283
 	div.signin_bg_mask {
268
     	width: 100%;
284
     	width: 100%;
269
 	}
285
 	}
286
+	div.left_word_bj {
287
+    	width: 100%;
288
+    	z-index: 0;
289
+	}
270
 	div.signin_left{
290
 	div.signin_left{
271
 		display: none;
291
 		display: none;
272
 	}
292
 	}
289
 	div.signin .col-md-5 {
309
 	div.signin .col-md-5 {
290
     	width: 100%;
310
     	width: 100%;
291
 	}
311
 	}
312
+	div.left_word_bj {
313
+    	width: 100%;
314
+	}
292
 	div.signin_bg_mask {
315
 	div.signin_bg_mask {
293
     	width: 100%;
316
     	width: 100%;
294
 	}
317
 	}

二進制
CallCenterWeb.UI/img/FWLogo.png


二進制
CallCenterWeb.UI/img/login_bg.png


+ 63 - 32
CallCenterWeb.UI/login.html

22
     		position: absolute;
22
     		position: absolute;
23
     		height: 100%;
23
     		height: 100%;
24
     		width: 50%;
24
     		width: 50%;
25
+    		z-index: 3;
25
     	}
26
     	}
26
-    	.left_word>div{
27
+    	.left_word_bj{
28
+    		position: absolute;
29
+    		left: 0;
30
+    		top:0;
31
+    		height: 100%;
32
+    		width: 50%;
33
+    		background: #2a303c;
34
+  			filter:alpha(opacity=75);  
35
+      		-moz-opacity:0.75;  
36
+      		-khtml-opacity: 0.75;  
37
+      		opacity: 0.75;
38
+  			z-index: 2;
39
+  			padding: 0;
40
+    	}
41
+    	.left_word .left_text{
42
+    			width: 55%;
43
+    			left: 40%;
27
     		    position: absolute;
44
     		    position: absolute;
28
 			    right: 0;
45
 			    right: 0;
29
-			    bottom: 23%
46
+			    top: 7%
30
     	}
47
     	}
31
     	
48
     	
32
-    	.left_word>div h2 + p{
33
-			margin-top: 22.163%;
34
-			margin-bottom: 22.163%;
35
-			font-size: 18px;
49
+    	.left_word .left_text h2{
50
+    		
51
+		}
52
+		.left_word .left_text .logo{
53
+			position: relative;
54
+			font-size: 30px;
55
+    		color: #FFFFFF;
56
+			/*font-weight: 600;*/
57
+		}
58
+		.left_word .left_text .logo img{
59
+			left: 0;
60
+			top: 0;
61
+			
36
 		}
62
 		}
37
-		.signin_left h3{
38
-			font-size: 24px;
63
+		.left_word .left_text .logo span{
64
+			padding-left: 10px;
65
+		}
66
+		.signin_left h4{
67
+			font-size: 20px;
39
 			color: #006967;
68
 			color: #006967;
40
 			margin-bottom: 2.5%;
69
 			margin-bottom: 2.5%;
41
 		}
70
 		}
46
     	
75
     	
47
     </style>
76
     </style>
48
     
77
     
49
-    
50
 </head>
78
 </head>
51
 
79
 
52
 <body class="signin">
80
 <body class="signin">
53
     <div class="signin_bg row">
81
     <div class="signin_bg row">
54
         <div class="signin_bg_left col-md-5"></div>
82
         <div class="signin_bg_left col-md-5"></div>
55
-        <div class="signin_bg_mask"></div>
56
-           <div class="left_word">
57
-           	<div>
58
-           		  	 <h3>用心做,更出色</h3>
59
-                <p>致力于临床实验技术的普及和提高,为人类健康服务</p>
60
-           	</div>
61
-              
62
-                </div>
83
+        <div class="signin_bg_mask col-md-5"></div>
84
+        	<div class="left_word_bj col-md-5"></div>
85
+           	<div class="left_word">
86
+	           	<div class="left_text">
87
+	           		<!--<div class="logo"><img src="img/logo.png"><span>医院随访系统平台</span></div>-->
88
+	           		<div class="logo">
89
+	           			<span>阜外华中心血管病医院</span>
90
+	           		</div>
91
+	           		<h3 style="font-weight: normal;">仁心  笃行  精诚  致远   </h3>
92
+	                <p>阜外华中心血管病医院是在国家卫健委关心支持和重视推动下,由中国医学科学院阜外医院、国家心血管病中心与河南省人民政府合作共建,依托河南省人民医院,按照国家三级甲等心血管病医院标准和现代医院管理制度要求建设的非营利性公立医院,是国家心血管病中心在全国布局的唯一分中心国家心血管病中心华中分中心所在地。 </p>
93
+	           	</div>
94
+            </div>
63
     </div>
95
     </div>
64
     <div class="container">
96
     <div class="container">
65
         <div class="row clearfix">
97
         <div class="row clearfix">
66
-            <div class="signin_left col-md-5">
67
-               <!--<h2>
68
-                   <i></i>
69
-                    <span>全客服平台</span>
70
-                </h2>-->
71
-                <!--<p>欢迎您进入全客服平台,开启智慧客服新篇章!</p>-->
72
-                <!--<div class="left_word">
73
-                	 <h3>用心做,更出色</h3>
74
-                <p>致力于临床实验技术的普通和提高,为人类健康服务</p>
75
-                </div>-->
76
-               
77
-            </div>
98
+            <div class="signin_left col-md-5"></div>
78
             <div class="signin_right col-md-5">
99
             <div class="signin_right col-md-5">
79
                 <div class="signin_panel">
100
                 <div class="signin_panel">
80
-                    <h1>阜外华中呼叫中心管理系统</h1>
101
+                	<div class="logo_title">
102
+                		<img src="img/FWLogo.png" alt="" width="50px" height="47px"/>
103
+                		 <h1>呼叫中心管理系统<br/>
104
+                    <span>CALL CENTER MANAGEMENT SYSTEM</span>	
105
+                    </h1>
106
+                	</div>
107
+                   
81
                     <div class="signin_user">
108
                     <div class="signin_user">
82
                         <i class="signin_icons"></i>
109
                         <i class="signin_icons"></i>
83
                         <input class="form-control" type="text" placeholder="请输入您的管理账号" id="user" autofocus autocomplete="off">
110
                         <input class="form-control" type="text" placeholder="请输入您的管理账号" id="user" autofocus autocomplete="off">
92
                         <input class="form-control" type="password" placeholder="请输入您的密码" id="password" autocomplete="off">
119
                         <input class="form-control" type="password" placeholder="请输入您的密码" id="password" autocomplete="off">
93
                         <i class="ts password_ts"></i>
120
                         <i class="ts password_ts"></i>
94
                     </div>
121
                     </div>
95
-
96
                     <div class="clearfix singin_rpassword">
122
                     <div class="clearfix singin_rpassword">
97
                         <div class="rpassword">
123
                         <div class="rpassword">
98
                             <label for="rpassword">
124
                             <label for="rpassword">
99
                                 <input type="checkbox" id="rpassword">
125
                                 <input type="checkbox" id="rpassword">
100
                                 <span class="checkbox_icon"></span>
126
                                 <span class="checkbox_icon"></span>
101
-                                记住密码
127
+                                	记住密码
102
                             </label>
128
                             </label>
103
                         </div>
129
                         </div>
104
                         <!--<div class="fpassword">
130
                         <!--<div class="fpassword">
177
                     url: huayi.config.callcenter_url + "/Login/login",
203
                     url: huayi.config.callcenter_url + "/Login/login",
178
                     dataType: 'json',
204
                     dataType: 'json',
179
                     async: true,
205
                     async: true,
206
+                    beforeSend: function() { //触发ajax请求开始时执行
207
+						$('.btns').text('登录中...');
208
+						loadIndex = layer.load();
209
+					},
180
                     data: {
210
                     data: {
181
                         username: User,
211
                         username: User,
182
                         extensionphone: userSeat,
212
                         extensionphone: userSeat,
191
                         } else {
221
                         } else {
192
                             layer.msg("登录失败");
222
                             layer.msg("登录失败");
193
                             $("#user").val('');
223
                             $("#user").val('');
224
+                            $('.btns').text('登录');
194
                             $("#userSeat").val('');
225
                             $("#userSeat").val('');
195
                             $("#password").val('');
226
                             $("#password").val('');
196
                         }
227
                         }