首頁 探索 說明
註冊 登入
lihai
/
FuWaiCallCenter_UI
關註 1
讚好 0
複刻 0
代碼 問題管理 0 合併請求 0 提交歷史 7 版本發佈 0 Wiki
瀏覽代碼

修改登陆界面

zhangshuangnan 7 年之前
父節點
f8d7929bb4
當前提交
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 
                         }