Accueil Explorer Aide
S'inscrire Connexion
lihai
/
FuWaiCallCenter_UI
Suivre 1
Voter 0
Fork 0
Code Tickets 0 Pull Requests 0 Commits 7 Publications 0 Wiki
Parcourir la Source

修改登陆界面

zhangshuangnan il y a 7 ans
Parent
f8d7929bb4
commit
7d98d59cd4
4 fichiers modifiés avec 96 ajouts et 42 suppressions
Vue séparée Afficher les stats Diff
  1. 33 10
      CallCenterWeb.UI/css/login.css
  2. BIN
      CallCenterWeb.UI/img/FWLogo.png
  3. BIN
      CallCenterWeb.UI/img/login_bg.png
  4. 63 32
      CallCenterWeb.UI/login.html

+ 33 - 10
CallCenterWeb.UI/css/login.css
Voir le fichier 

@@ -21,7 +21,8 @@ html {
21 21 
 	top: 0;
22 22 
 	background: url(../img/login_bg.png) no-repeat left top;
23 23 
 	background-size: 100% 100%;
24 
-	height: 100%;
24 
+	height: 100%;
25 
+	padding: 0;
25 26 
 }
26 27 
 .signin_bg_mask{
27 28 
 	position: absolute;
 
@@ -29,7 +30,8 @@ html {
29 30 
 	top: 0;
30 31 
 	width: 50%;
31 32 
 	/*background-color: rgba(0,0,0,.5);*/
32 
-	height: 100%;
33 
+	height: 100%;
34 
+	padding: 0;
33 35 
 }
34 36
35 37 
 .signin_left {
 
@@ -55,18 +57,26 @@ html {
55 57 
 }
56 58 
 .signin_left h3,.left_word>div h3{
57 59 
 	font-size: 24px;
58 
-	color: #006967;
59 
-	margin-bottom: 2.5%;
60 
+	color: #01b2fe;
61 
+	margin-top:26%;
60 62 
 }
61 63 
 .signin_left h3 + p,.left_word>div h3 + p{
62 64 
 	line-height: 30px;
63 
-	font-size: 18px;
65 
+	font-size: 16px;
64 66 
 	color: #fff;
67 
+	margin-top: 6%;
65 68 
 }
66 69
67 70 
 .signin_right{
68 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 80 
 .signin_right .signin_panel{
71 81 
 	float: right;
72 82 
 	text-align: center;
 
@@ -74,10 +84,16 @@ html {
74 84 
 	width: 65%;
75 85 
 }
76 86 
 .signin_right .signin_panel h1{
77 
-	font-size: 24px;
87 
+	font-size: 30px;
78 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 98 
 .signin_panel .signin_user,
83 99 
 .signin_panel .signin_password,
 
@@ -174,7 +190,7 @@ html {
174 190
175 191 
 .btns{
176 192 
     width: 100%;
177 
-    background-color: #67d1fe;
193 
+    background-color: #01b2fe;
178 194 
     color: #fff;
179 195 
     height: 40px;
180 196 
     line-height: 40px;
 
@@ -189,7 +205,7 @@ html {
189 205 
     letter-spacing: 6px;
190 206 
 }
191 207 
 .btns:hover{
192 
-    background-color: #23b2ef;
208 
+    background-color: #00a5ec;
193 209 
 }
194 210
195 211 
 
@@ -267,6 +283,10 @@ input:-ms-input-placeholder, textarea:-ms-input-placeholder {
267 283 
 	div.signin_bg_mask {
268 284 
     	width: 100%;
269 285 
 	}
286 
+	div.left_word_bj {
287 
+    	width: 100%;
288 
+    	z-index: 0;
289 
+	}
270 290 
 	div.signin_left{
271 291 
 		display: none;
272 292 
 	}
 
@@ -289,6 +309,9 @@ input:-ms-input-placeholder, textarea:-ms-input-placeholder {
289 309 
 	div.signin .col-md-5 {
290 310 
     	width: 100%;
291 311 
 	}
312 
+	div.left_word_bj {
313 
+    	width: 100%;
314 
+	}
292 315 
 	div.signin_bg_mask {
293 316 
     	width: 100%;
294 317 
 	}

BIN
CallCenterWeb.UI/img/FWLogo.png
Voir le fichier


BIN
CallCenterWeb.UI/img/login_bg.png
Voir le fichier


+ 63 - 32
CallCenterWeb.UI/login.html
Voir le fichier 

@@ -22,20 +22,49 @@
22 22 
     		position: absolute;
23 23 
     		height: 100%;
24 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 44 
     		    position: absolute;
28 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 68 
 			color: #006967;
40 69 
 			margin-bottom: 2.5%;
41 70 
 		}
 
@@ -46,38 +75,36 @@
46 75
47 76 
     </style>
48 77
49 
-
50 78 
 </head>
51 79
52 80 
 <body class="signin">
53 81 
     <div class="signin_bg row">
54 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 95 
     </div>
64 96 
     <div class="container">
65 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 99 
             <div class="signin_right col-md-5">
79 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 108 
                     <div class="signin_user">
82 109 
                         <i class="signin_icons"></i>
83 110 
                         <input class="form-control" type="text" placeholder="请输入您的管理账号" id="user" autofocus autocomplete="off">
 
@@ -92,13 +119,12 @@
92 119 
                         <input class="form-control" type="password" placeholder="请输入您的密码" id="password" autocomplete="off">
93 120 
                         <i class="ts password_ts"></i>
94 121 
                     </div>
95 
-
96 122 
                     <div class="clearfix singin_rpassword">
97 123 
                         <div class="rpassword">
98 124 
                             <label for="rpassword">
99 125 
                                 <input type="checkbox" id="rpassword">
100 126 
                                 <span class="checkbox_icon"></span>
101 
-                                记住密码
127 
+                                	记住密码
102 128 
                             </label>
103 129 
                         </div>
104 130 
                         <!--<div class="fpassword">
 
@@ -177,6 +203,10 @@
177 203 
                     url: huayi.config.callcenter_url + "/Login/login",
178 204 
                     dataType: 'json',
179 205 
                     async: true,
206 
+                    beforeSend: function() { //触发ajax请求开始时执行
207 
+						$('.btns').text('登录中...');
208 
+						loadIndex = layer.load();
209 
+					},
180 210 
                     data: {
181 211 
                         username: User,
182 212 
                         extensionphone: userSeat,
 
@@ -191,6 +221,7 @@
191 221 
                         } else {
192 222 
                             layer.msg("登录失败");
193 223 
                             $("#user").val('');
224 
+                            $('.btns').text('登录');
194 225 
                             $("#userSeat").val('');
195 226 
                             $("#password").val('');
196 227 
                         }