鑫苑登录页

CallCenterWeb.UI/css/login.css

@@ -1,304 +1,133 @@
 html {
 	height: 100%;
 }
-.signin{
+.fl{
+	float: left;
+}
+.login{
 	width: 100%;
 	position: relative;
 	height: 100%;
 }
-.signin_bg {
-	/*position: absolute;
-	left: 0;
-	top: 0;*/
-
-}
-.signin .col-md-5{
-	width: 50%;
+._success{
+    border-color: #c91e32!important;
 }
-.signin_bg .signin_bg_left{
+.login_bg{
 	position: absolute;
 	left: 0;
 	top: 0;
-	background: url(../img/login_bg.png) no-repeat left top;
+	background: url(../img/Background.jpg) no-repeat center top;
 	background-size: 100% 100%;
-	height: 100%;	
+	width: 100%;
+	height: 100%;
+	z-index: 0;	
 }
-.signin_bg_mask{
+/*登陆*/
+.login_center{
 	position: absolute;
 	left: 0;
 	top: 0;
-	width: 50%;
-	/*background-color: rgba(0,0,0,.5);*/
-	height: 100%;	
-}
-
-.signin_left {
-	color: #fff;
-}
-.signin_left i{
-	display: inline-block;
-	width: 50px;
-	height: 36px;
-	vertical-align: middle;
-	background: url(../img/login_logo.png) left top no-repeat;
-}
-.signin_left h2{
-	font-size: 30px;
-	font-family: '黑体';
-	margin-top: 15%;
-	margin-bottom: 0;
-}
-.signin_left h2 + p,.left_word>div h2 + p{
-	margin-top: 22.163%;
-	margin-bottom: 22.163%;
-	font-size: 18px;
-}
-.signin_left h3,.left_word>div h3{
-	font-size: 24px;
-	color: #006967;
-	margin-bottom: 2.5%;
-}
-.signin_left h3 + p,.left_word>div h3 + p{
-	line-height: 30px;
-	font-size: 18px;
-	color: #fff;
-}
-
-.signin_right{
-	width: 100%;
-}
-.signin_right .signin_panel{
-	float: right;
+	right: 0;
+	bottom: 0;
 	text-align: center;
-	margin-top: 27.21%;
-	width: 65%;
-}
-.signin_right .signin_panel h1{
-	font-size: 24px;
-	font-family: '华文仿宋';
-	margin: 0 0 19.46% 0;
-	font-weight: 600;
-}
-.signin_panel .signin_user,
-.signin_panel .signin_password,
-.signin_panel .signin_seat{
-	margin-bottom: 11px;
-	position: relative;
+	margin: auto;
+	width: 840px;
+	height: 520px;
+	background: url(../img/login_center.png) no-repeat center top;
+	background-size: 100% 100%;
 }
-.signin_icons{
+.login_center .title_img{
+	width: 190px;
+	height: 25px;
 	position: absolute;
-	left: 13.5px;
-	top: 11.5px;
-	width: 17px;
-	height: 17px;
-	display: inline-block;
-	background: url(../img/signin_icon.png) left top no-repeat;
-}
-.signin_password .signin_icons{
-	background-position: 0 -30px;
-}
-.signin_seat .signin_icons{
-	background-position: 0 -16px;
-	height: 15px;
-}
-.signin_panel .form-control{
-	padding-left: 44px;
-	height: 40px;
-	line-height: 40px;
-	font-size: 16px;
-	color: #000;
+	right: 110px;
+	top: 75px;
 }
+.login_center .title_img img{
+	width: 100%;
 
-.singin_rpassword{
-	margin-top: 4px;
-	margin-top: 7px;
-}
-.rpassword {
-	float: left;
-}
-.rpassword input[type="checkbox"]{
-    appearance: none;
-    -webkit-appearance: none;
-    outline: none;
-    display:none;
-}
-.rpassword .checkbox_icon{
-    width: 16px;
-    height: 16px;
-    display: inline-block;
-    background: url("../img/checkbox.png")  no-repeat;
-    background-position:0 0;
-    vertical-align: sub;
-   	border: 1px solid #5c616b;
-   	cursor: pointer;
-}
-.rpassword input[type="checkbox"]:checked + .checkbox_icon{
-    background-position:0 -14px;
-}
-.rpassword label{
-    color: #5c616b;
-    font-size: 14px;
-    font-family: '宋体';
-    font-weight: normal;
-    line-height: 14px;
-    height: 14px;
-  	cursor: pointer;
 }
-.fpassword{
-    float: right;
-}
-.fpassword a{
-    color: #5c616b;
-    text-decoration: none;
-    font-size: 14px;
-    font-family: '宋体';
-}
-
-
-.ts{
+.login_text{
 	position: absolute;
-	right: 12.5px;
-	top: 12.5px;
-    height: 15px!important;
+	left: 503px;
+	top: 153px;
 }
-
-.Yz_error{
-    width: 15px;
-    background: url("../img/yz.png") no-repeat 0 -15px;
-}
-.Yz_success{
-    width: 20px;
-    background: url("../img/yz.png") no-repeat 0 0;
-}
-
-
-.btns{
-    width: 100%;
-    background-color: #67d1fe;
-    color: #fff;
-    height: 40px;
-    line-height: 40px;
-    text-align: center;
-    border: 0;
-    outline: none;
-    border-radius: 40px;
-    cursor: pointer;
-    margin-top: 40px;
-    margin-bottom: 12px;
-    font-size: 16px;
-    letter-spacing: 6px;
+.login_text ul{
+	margin: 0;
+	padding: 0;
 }
-.btns:hover{
-    background-color: #23b2ef;
+.login_text ul li{
+	height: 36px;
+	line-height: 36px;
+	overflow: hidden;
+	margin: 0;
+	margin-bottom: 24px;
+	padding: 0;
+	list-style: none;
+	
 }
-
-
-.fregister{
-	font-size: 13px;
-	font-family: '宋体';
+.login_text ul li input{
+	width: 190px;
+	height: 36px;
+	line-height: 36px;
+	background: #d1eef6;
+	border: none;
+	outline: none;
+	padding-left: 10px;
 }
-.fregister span{
-    color: #5c616b;
+.login_text ul li .flbox{
+	width: 80px;
+	font-weight: bold;
 }
-.fregister a{
-    color: #1582b4;
+.login_text .alert_box{
+	position: absolute;
+	width: 200px;
+	height: 14px;
+	line-height: 14px;
+	text-align: left;
+	top: 170px;
+	left: 80px;
+	font-size: 12px;
+	color: #e82d2d;
+	overflow: hidden;
+	display: none;
+}
+.login_text .alert_iocn{
+	width: 14px;
+	height: 14px;
+	display: block;
+	background: url(../img/alert.png) left top no-repeat;
+	background-size: 100% 100%;
+	float: left;
 }
-
-.signfooter {
-   margin-top: 60%;
+.login_text .alert_box span{
+	display: block;
+	float: left;
+	margin-left: 5px;
 }
-
-.signfooter p{
-    height: 14px;
-    color: #a1a1a1;
-    line-height: 14px;
-    margin-bottom: 0;
-    font-family: 'Calibri';
+.login_text button{
+	width: 280px;
+	height: 40px;
+	-moz-border-radius: 5px; /* Firefox */
+  	-webkit-border-radius: 5px; /* Safari 和 Chrome */
+  	border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
+  	line-height: 40px;
+  	text-align: center;
+  	color: #FFFFFF;
+  	background: #18abd1;
+  	font-size: 20px;
+  	margin: 0;
+  	padding: 0;
+  	margin-top: 40px;
+  	border: none;
+  	outline: none;
 }
 
-._success{
-    border-color: #c91e32!important;
-}
 
-._fail{
-    border-color: red!important;
-}
 
 
 
 
-input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
-   font-family: '华文仿宋';
-   color: #999999;
-}
-input:-moz-placeholder, textarea:-moz-placeholder {
-   font-family: '华文仿宋';
-   color: #999999;
-}
-input::-moz-placeholder, textarea::-moz-placeholder {
-   font-family: '华文仿宋';
-   color: #999999;
-}
-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-   font-family: '华文仿宋';
-   color: #999999;
-}
 
 
 
-@media only screen and (max-width: 1920px) {
-	
-}
-@media only screen and (max-width: 1366px) {
-	body.signin{
-		height: 100%;
-	}
-	div.signfooter{
-		margin-top: 20%;
-	}
-}
-@media only screen and (max-width: 1200px) {
-	
-}
-@media only screen and (max-width: 992px) {
-	body.signin .col-md-5 {
-    	width: 100%;
-	}
-	div.signin_bg_mask {
-    	width: 100%;
-	}
-	div.signin_left{
-		display: none;
-	}
-	div.left_word{
-		display: none;
-	}
-	div.signin_right .signin_panel {
-	    margin: 10% auto 0 auto;
-	    float: none;
-	    color: #fff;
-    }
-    .rpassword label,.fpassword a,div.fregister span,div.signfooter p{
-    	color: #fff;
-    }
-    div.signfooter{
-		margin-top: 20%;
-	}
-}
-@media only screen and (max-width: 768px) {
-	div.signin .col-md-5 {
-    	width: 100%;
-	}
-	div.signin_bg_mask {
-    	width: 100%;
-	}
-	div.signin_left{
-		display: none;
-	}
-	div.signin_right .signin_panel {
-	    margin-top: 10%;
-    }
-    div.signfooter{
-		margin-top: 20%;
-	}
-}

CallCenterWeb.UI/css/login_old.css

@@ -0,0 +1,304 @@
+html {
+	height: 100%;
+}
+.signin{
+	width: 100%;
+	position: relative;
+	height: 100%;
+}
+.signin_bg {
+	/*position: absolute;
+	left: 0;
+	top: 0;*/
+
+}
+.signin .col-md-5{
+	width: 50%;
+}
+.signin_bg .signin_bg_left{
+	position: absolute;
+	left: 0;
+	top: 0;
+	background: url(../img/login_bg.png) no-repeat left top;
+	background-size: 100% 100%;
+	height: 100%;	
+}
+.signin_bg_mask{
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 50%;
+	/*background-color: rgba(0,0,0,.5);*/
+	height: 100%;	
+}
+
+.signin_left {
+	color: #fff;
+}
+.signin_left i{
+	display: inline-block;
+	width: 50px;
+	height: 36px;
+	vertical-align: middle;
+	background: url(../img/login_logo.png) left top no-repeat;
+}
+.signin_left h2{
+	font-size: 30px;
+	font-family: '黑体';
+	margin-top: 15%;
+	margin-bottom: 0;
+}
+.signin_left h2 + p,.left_word>div h2 + p{
+	margin-top: 22.163%;
+	margin-bottom: 22.163%;
+	font-size: 18px;
+}
+.signin_left h3,.left_word>div h3{
+	font-size: 24px;
+	color: #006967;
+	margin-bottom: 2.5%;
+}
+.signin_left h3 + p,.left_word>div h3 + p{
+	line-height: 30px;
+	font-size: 18px;
+	color: #fff;
+}
+
+.signin_right{
+	width: 100%;
+}
+.signin_right .signin_panel{
+	float: right;
+	text-align: center;
+	margin-top: 27.21%;
+	width: 65%;
+}
+.signin_right .signin_panel h1{
+	font-size: 24px;
+	font-family: '华文仿宋';
+	margin: 0 0 19.46% 0;
+	font-weight: 600;
+}
+.signin_panel .signin_user,
+.signin_panel .signin_password,
+.signin_panel .signin_seat{
+	margin-bottom: 11px;
+	position: relative;
+}
+.signin_icons{
+	position: absolute;
+	left: 13.5px;
+	top: 11.5px;
+	width: 17px;
+	height: 17px;
+	display: inline-block;
+	background: url(../img/signin_icon.png) left top no-repeat;
+}
+.signin_password .signin_icons{
+	background-position: 0 -30px;
+}
+.signin_seat .signin_icons{
+	background-position: 0 -16px;
+	height: 15px;
+}
+.signin_panel .form-control{
+	padding-left: 44px;
+	height: 40px;
+	line-height: 40px;
+	font-size: 16px;
+	color: #000;
+}
+
+.singin_rpassword{
+	margin-top: 4px;
+	margin-top: 7px;
+}
+.rpassword {
+	float: left;
+}
+.rpassword input[type="checkbox"]{
+    appearance: none;
+    -webkit-appearance: none;
+    outline: none;
+    display:none;
+}
+.rpassword .checkbox_icon{
+    width: 16px;
+    height: 16px;
+    display: inline-block;
+    background: url("../img/checkbox.png")  no-repeat;
+    background-position:0 0;
+    vertical-align: sub;
+   	border: 1px solid #5c616b;
+   	cursor: pointer;
+}
+.rpassword input[type="checkbox"]:checked + .checkbox_icon{
+    background-position:0 -14px;
+}
+.rpassword label{
+    color: #5c616b;
+    font-size: 14px;
+    font-family: '宋体';
+    font-weight: normal;
+    line-height: 14px;
+    height: 14px;
+  	cursor: pointer;
+}
+.fpassword{
+    float: right;
+}
+.fpassword a{
+    color: #5c616b;
+    text-decoration: none;
+    font-size: 14px;
+    font-family: '宋体';
+}
+
+
+.ts{
+	position: absolute;
+	right: 12.5px;
+	top: 12.5px;
+    height: 15px!important;
+}
+
+.Yz_error{
+    width: 15px;
+    background: url("../img/yz.png") no-repeat 0 -15px;
+}
+.Yz_success{
+    width: 20px;
+    background: url("../img/yz.png") no-repeat 0 0;
+}
+
+
+.btns{
+    width: 100%;
+    background-color: #67d1fe;
+    color: #fff;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    border: 0;
+    outline: none;
+    border-radius: 40px;
+    cursor: pointer;
+    margin-top: 40px;
+    margin-bottom: 12px;
+    font-size: 16px;
+    letter-spacing: 6px;
+}
+.btns:hover{
+    background-color: #23b2ef;
+}
+
+
+.fregister{
+	font-size: 13px;
+	font-family: '宋体';
+}
+.fregister span{
+    color: #5c616b;
+}
+.fregister a{
+    color: #1582b4;
+}
+
+.signfooter {
+   margin-top: 60%;
+}
+
+.signfooter p{
+    height: 14px;
+    color: #a1a1a1;
+    line-height: 14px;
+    margin-bottom: 0;
+    font-family: 'Calibri';
+}
+
+._success{
+    border-color: #c91e32!important;
+}
+
+._fail{
+    border-color: red!important;
+}
+
+
+
+
+input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
+   font-family: '华文仿宋';
+   color: #999999;
+}
+input:-moz-placeholder, textarea:-moz-placeholder {
+   font-family: '华文仿宋';
+   color: #999999;
+}
+input::-moz-placeholder, textarea::-moz-placeholder {
+   font-family: '华文仿宋';
+   color: #999999;
+}
+input:-ms-input-placeholder, textarea:-ms-input-placeholder {
+   font-family: '华文仿宋';
+   color: #999999;
+}
+
+
+
+@media only screen and (max-width: 1920px) {
+	
+}
+@media only screen and (max-width: 1366px) {
+	body.signin{
+		height: 100%;
+	}
+	div.signfooter{
+		margin-top: 20%;
+	}
+}
+@media only screen and (max-width: 1200px) {
+	
+}
+@media only screen and (max-width: 992px) {
+	body.signin .col-md-5 {
+    	width: 100%;
+	}
+	div.signin_bg_mask {
+    	width: 100%;
+	}
+	div.signin_left{
+		display: none;
+	}
+	div.left_word{
+		display: none;
+	}
+	div.signin_right .signin_panel {
+	    margin: 10% auto 0 auto;
+	    float: none;
+	    color: #fff;
+    }
+    .rpassword label,.fpassword a,div.fregister span,div.signfooter p{
+    	color: #fff;
+    }
+    div.signfooter{
+		margin-top: 20%;
+	}
+}
+@media only screen and (max-width: 768px) {
+	div.signin .col-md-5 {
+    	width: 100%;
+	}
+	div.signin_bg_mask {
+    	width: 100%;
+	}
+	div.signin_left{
+		display: none;
+	}
+	div.signin_right .signin_panel {
+	    margin-top: 10%;
+    }
+    div.signfooter{
+		margin-top: 20%;
+	}
+}

CallCenterWeb.UI/login.html

@@ -11,115 +11,46 @@
     <script src="Script/Common/huayi.load.js"></script>
     <script src="Script/Common/huayi.config.js"></script>
     <link href="./css/login.css" rel="stylesheet">
-    <!--[if lt IE 9]>
-    <meta http-equiv="refresh" content="0;ie.html" />
-    <![endif]-->
-    <style>
-    	.signin_left{
-    		position: relative;
-    	}
-    	.left_word{
-    		position: absolute;
-    		height: 100%;
-    		width: 50%;
-    	}
-    	.left_word>div{
-    		    position: absolute;
-			    right: 0;
-			    bottom: 23%
-    	}
-    	
-    	.left_word>div h2 + p{
-			margin-top: 22.163%;
-			margin-bottom: 22.163%;
-			font-size: 18px;
-		}
-		.signin_left h3{
-			font-size: 24px;
-			color: #006967;
-			margin-bottom: 2.5%;
-		}
-		.signin_left h3 + p{
-			line-height: 30px;
-			font-size: 18px;
-		}
-    	
-    </style>
-    
-    
 </head>
 
-<body class="signin">
-    <div class="signin_bg row">
-        <div class="signin_bg_left col-md-5"></div>
-        <div class="signin_bg_mask"></div>
-           <div class="left_word">
-           	<div>
-           		  	 <h3>用心做，更出色</h3>
-                <p>致力于临床实验技术的普通和提高，为人类健康服务</p>
-           	</div>
-              
-                </div>
-    </div>
-    <div class="container">
-        <div class="row clearfix">
-            <div class="signin_left col-md-5">
-               <!--<h2>
-                   <i></i>
-                    <span>全客服平台</span>
-                </h2>-->
-                <!--<p>欢迎您进入全客服平台，开启智慧客服新篇章!</p>-->
-                <!--<div class="left_word">
-                	 <h3>用心做，更出色</h3>
-                <p>致力于临床实验技术的普通和提高，为人类健康服务</p>
-                </div>-->
-               
-            </div>
-            <div class="signin_right col-md-5">
-                <div class="signin_panel">
-                    <h1>安图生物登录平台</h1>
-                    <div class="signin_user">
-                        <i class="signin_icons"></i>
-                        <input class="form-control" type="text" placeholder="请输入您的管理账号" id="user" autofocus autocomplete="off">
-                        <i class="ts user_ts"></i>
-                    </div>
-                    <div class="signin_seat">
-                        <i class="signin_icons"></i>
-                        <input class="form-control" type="text" placeholder="请输入分机号" id="userSeat" autocomplete="off">
-                    </div>
-                    <div class="signin_password">
-                        <i class="signin_icons"></i>
-                        <input class="form-control" type="password" placeholder="请输入您的密码" id="password" autocomplete="off">
-                        <i class="ts password_ts"></i>
-                    </div>
-
-                    <div class="clearfix singin_rpassword">
-                        <div class="rpassword">
-                            <label for="rpassword">
-                                <input type="checkbox" id="rpassword">
-                                <span class="checkbox_icon"></span>
-                                记住密码
-                            </label>
-                        </div>
-                        <!--<div class="fpassword">
-                            <a href="#" title="忘记密码">忘记秘密？</a>
-                        </div>-->
-                    </div>
-                    <div class="btns" type="button">登录</div>
-                    <!--<div class="fregister">
-                        <span>还没有账号？</span>
-                        <a href="#" title="立即注册">立即注册&gt;&gt;</a>
-                    </div>-->
-                    <div class="signfooter">
-                        <p>COPYRIGHT 2011-2025 AMT</p>
-                    </div>
-                </div>
-
-            </div>
-        </div>
-    </div>
-    <script>
-        $(function () {
+<body>
+	<div class="login">
+		<!--背景图片-->
+		<div class="login_bg"></div>
+		<!--登陆部分-->
+		<div class="login_center">
+			<div class="title_img"><img src="img/login_title.png"/></div>
+			<div class="login_text" id="signin">
+				<ul>
+					<li>
+						<div class="fl flbox">用户账号</div>
+						<div class="fl"><input type="" name="" id="user" value="" placeholder="请输入您的管理账号"/></div>
+					</li>
+					<li>
+						<div class="fl flbox">分机号</div>
+						<div class="fl"><input type="" name="" id="userSeat" value="" placeholder="请输入分机号"/></div>
+					</li>
+					<li>
+						<div class="fl flbox">用户密码</div>
+						<div class="fl">
+							<input type="password" placeholder="请输入您的密码" name="" id="password" value="" />
+							
+						</div>
+						
+					</li>
+				</ul>
+				<div class="alert_box">
+					<i class="alert_iocn"></i>
+					<span class="">
+						账号密码不能为空
+					</span>
+				</div>
+				<button class="btns">登陆</button>
+			</div>
+		</div>
+	</div>
+	<script>
+		$(function () {
             /*输入框样式改变*/
             $("#user").focus(function () {
                 $(this).parent().addClass("_success");
@@ -133,7 +64,8 @@
             $("#password").blur(function () {
                 $(this).parent().removeClass("_success");
             });
-
+            /*输入框绑定验证*/
+//			$('#signin').find("input[class='form-control']").on('focus input propertychange', valideInput);
             /*cook存储数据*/
             if ($.cookie("username")) {
                 //取值如果存在则赋值
@@ -157,15 +89,12 @@
             var Password = $("#password").val();
             var userSeat = $("#userSeat").val();
             /*保存COOK*/
-            //$.cookie("user", $("#user").val(),{expires: 7,secure:true});
             /*表单验证*/
             if (User == "" || Password == "") {
-                $(".ts").addClass("Yz_error");
+                $(".alert_box").show();
                 if ($("#user").val() == "") {
                     $("#user").focus(function () {
-                        $(".user_ts").removeClass("Yz_error");
-                        $(".password_ts").removeClass("Yz_error");
-                        $(this).parent().addClass("_success");
+                       $(".alert_box").hide();
                     });
                 } else {
                     $(".user_ts").addClass("Yz_success");
@@ -177,12 +106,17 @@
                     url: huayi.config.callcenter_url + "/Login/login",
                     dataType: 'json',
                     async: true,
+                    beforeSend: function() { //触发ajax请求开始时执行
+						$('.btns').text('登录中...');
+						loadIndex = layer.load();
+					},
                     data: {
                         username: User,
                         extensionphone: userSeat,
                         password: Password
                     },
                     success: function (data) {
+                    	layer.close(loadIndex);
                         /*验证请求*/
                         if (data.state == "success") {
                             $.cookie("token", data.data.token, { expires: 7 });
@@ -194,12 +128,27 @@
                             $("#userSeat").val('');
                             $("#password").val('');
                         }
-                    }
+                    },
+                    error: function(textStatus) {
+						layer.close(loadIndex);
+						$('.btns').text('登录');
+					},
+					complete: function(XMLHttpRequest, textStatus) {
+						layer.close(loadIndex);
+						if(textStatus == 'timeout') {
+							var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
+							xmlhttp.abort();
+							layer.confirm('网络超时，请稍后再试...', {
+								closeBtn: 0,
+								btn: ['确定'] //按钮
+							});　　　　
+						}
+						$('.btns').text('登录');
+					},
                 });
             }
         }
-
-
-    </script>
+        
+	</script>
 </body>
 </html>

CallCenterWeb.UI/login_old.html

@@ -1,157 +1,205 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+    <title>登录</title>
+    <meta name="keywords">
+    <meta name="description">
+    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
+    <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 href="./css/login_old.css" rel="stylesheet">
+    <!--[if lt IE 9]>
+    <meta http-equiv="refresh" content="0;ie.html" />
+    <![endif]-->
+    <style>
+    	.signin_left{
+    		position: relative;
+    	}
+    	.left_word{
+    		position: absolute;
+    		height: 100%;
+    		width: 50%;
+    	}
+    	.left_word>div{
+    		    position: absolute;
+			    right: 0;
+			    bottom: 23%
+    	}
+    	
+    	.left_word>div h2 + p{
+			margin-top: 22.163%;
+			margin-bottom: 22.163%;
+			font-size: 18px;
+		}
+		.signin_left h3{
+			font-size: 24px;
+			color: #006967;
+			margin-bottom: 2.5%;
+		}
+		.signin_left h3 + p{
+			line-height: 30px;
+			font-size: 18px;
+		}
+    	
+    </style>
+    
+    
+</head>
 
-	<head>
-		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
-		<title>登录</title>
-		<meta name="keywords">
-		<meta name="description">
-		<meta name="renderer" content="webkit|ie-comp|ie-stand" />
-		<link rel="shortcut icon" href="img/32.ico" />
-		<link href="./css/bootstrap.min.css" rel="stylesheet">
-		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
-		<link href="./css/animate.min.css" rel="stylesheet">
-		<link href="./css/style.min.css" rel="stylesheet">
-		<link href="./css/login.min.css" rel="stylesheet">
-		<script src="./js/jquery.min.js?v=2.1.4"></script>
-		<script src="./js/jquery.cookie.js"></script>
-		<script src="Script/Common/huayi.load.js"></script>
-		<script src="Script/Common/huayi.config.js"></script>
-	</head>
-	<body class="signin">
-		<div class="signinpanel">
+<body class="signin">
+    <div class="signin_bg row">
+        <div class="signin_bg_left col-md-5"></div>
+        <div class="signin_bg_mask"></div>
+           <div class="left_word">
+           	<div>
+           		  	 <h3>用心做，更出色</h3>
+                <p>致力于临床实验技术的普通和提高，为人类健康服务</p>
+           	</div>
+              
+                </div>
+    </div>
+    <div class="container">
+        <div class="row clearfix">
+            <div class="signin_left col-md-5">
+               <!--<h2>
+                   <i></i>
+                    <span>全客服平台</span>
+                </h2>-->
+                <!--<p>欢迎您进入全客服平台，开启智慧客服新篇章!</p>-->
+                <!--<div class="left_word">
+                	 <h3>用心做，更出色</h3>
+                <p>致力于临床实验技术的普通和提高，为人类健康服务</p>
+                </div>-->
+               
+            </div>
+            <div class="signin_right col-md-5">
+                <div class="signin_panel">
+                    <h1>安图生物登录平台</h1>
+                    <div class="signin_user">
+                        <i class="signin_icons"></i>
+                        <input class="form-control" type="text" placeholder="请输入您的管理账号" id="user" autofocus autocomplete="off">
+                        <i class="ts user_ts"></i>
+                    </div>
+                    <div class="signin_seat">
+                        <i class="signin_icons"></i>
+                        <input class="form-control" type="text" placeholder="请输入分机号" id="userSeat" autocomplete="off">
+                    </div>
+                    <div class="signin_password">
+                        <i class="signin_icons"></i>
+                        <input class="form-control" type="password" placeholder="请输入您的密码" id="password" autocomplete="off">
+                        <i class="ts password_ts"></i>
+                    </div>
 
-			<div class="d_left" style="width: 55%;">
-				<div class="lg_boxs"> <img src="./img/lg.png" alt="" /></div>
-			</div>
-			<div class=" d_right" style="width: 45%;">
-				<form class="dl_form" method="get">
-					<div class="hj_box"> <img class=" hj" src="./img/hj.png" alt="" /></div>
-					<div class="user iut">
-						<i class="i1 us"></i>
-						<input type="text" placeholder="请输入管理账号" id="user">
-						<i class="ts user_ts"></i>
-					</div>
-					<div class="fj iut">
-						<i class="i1 yz"></i>
-						<input type="text" placeholder="请输入分机号" id="fj">
-						<i class="ts fj_ts"></i>
-					</div>
-					<div class="password iut">
-						<i class="i1 ps"></i>
-						<input type="password" placeholder="请输入密码" id="password">
-						<i class="ts password_ts"></i>
-					</div>
-					<div class="b_box">
-						<div class="btns" type="button">登录</div>
-					</div>
-					<h3 class="t_bootm">技术服务热线：400-637-1311</h3>
-					<div class="Downlone_">
-						<a href="ExeWork/LeCallCenterSetup.exe">下载客户端</a>
-                        <a href="ExeWork/Microsoft.NET4.0.exe">下载安装环境</a>
-                        <a href="ExeWork/vcredist_x86.exe">安装异常补充包</a>
-					</div>					
-				</form>
-				
-			</div>
+                    <div class="clearfix singin_rpassword">
+                        <div class="rpassword">
+                            <label for="rpassword">
+                                <input type="checkbox" id="rpassword">
+                                <span class="checkbox_icon"></span>
+                                记住密码
+                            </label>
+                        </div>
+                        <!--<div class="fpassword">
+                            <a href="#" title="忘记密码">忘记秘密？</a>
+                        </div>-->
+                    </div>
+                    <div class="btns" type="button">登录</div>
+                    <!--<div class="fregister">
+                        <span>还没有账号？</span>
+                        <a href="#" title="立即注册">立即注册&gt;&gt;</a>
+                    </div>-->
+                    <div class="signfooter">
+                        <p>COPYRIGHT 2011-2025 AMT</p>
+                    </div>
+                </div>
 
-		</div>
-		<script>
-			$(function() {
-				/*输入框样式改变*/
-				$("#user").focus(function() {
-					$(this).parent().addClass("_success");
-				});
-				$("#user").blur(function() {
-					$(this).parent().removeClass("_success");
-				})
-				$("#fj").focus(function() {
-					$(this).parent().addClass("_success");
-				});
-				$("#fj").blur(function() {
-					$(this).parent().removeClass("_success");
-				})
-				$("#password").focus(function() {
-					$(this).parent().addClass("_success");
-				});
-				$("#password").blur(function() {
-					$(this).parent().removeClass("_success");
-				});
-				/*cook存储数据*/
-				if($.cookie("username")) {
-					//取值如果存在则赋值
-					$("#user").val($.cookie("user")); //用户名
-					$("#fj").val($.cookie("fj"));
+            </div>
+        </div>
+    </div>
+    <script>
+        $(function () {
+            /*输入框样式改变*/
+            $("#user").focus(function () {
+                $(this).parent().addClass("_success");
+            });
+            $("#user").blur(function () {
+                $(this).parent().removeClass("_success");
+            });
+            $("#password").focus(function () {
+                $(this).parent().addClass("_success");
+            });
+            $("#password").blur(function () {
+                $(this).parent().removeClass("_success");
+            });
 
-				}
-				//键盘事件
-				document.onkeydown = function(e) {
-					var theEvent = window.event || e;
-					var code = theEvent.keyCode || theEvent.which;
-					if(code == 13) {
-						$(".btns").click();
-					}
-				}
-				$(".btns").click(function() {
-					var User = $("#user").val();
-					var Fj = $("#fj").val();
-					var Password = $("#password").val();
-					/*保存COOK*/
+            /*cook存储数据*/
+            if ($.cookie("username")) {
+                //取值如果存在则赋值
+                $("#user").val($.cookie("user"));//用户名
+            }
 
-					//$.cookie("user", $("#user").val(),{expires: 7,secure:true});
-					//$.cookie("fj", $("#fj").val(), {expires: 7,secure:true});
-					/*表单验证*/
-					if(User == "" || Fj == "" || Password == "") {
-						$(".ts").addClass("Yz_error");
-						if($("#user").val() == "") {
-							$("#user").focus(function() {
-								$(".user_ts").removeClass("Yz_error");
-								$(".fj_ts").removeClass("Yz_error");
-								$(".password_ts").removeClass("Yz_error");
-								$(this).parent().addClass("_success");
-							});
-						} else {
-							$(".user_ts").addClass("Yz_success");
-						}
-					} else {
-						/*请求后台*/
-						$.ajax({
-							type: "post",
-							url: huayi.config.callcenter_url + "/Login/login",
-							dataType: 'json',
-							async: true,
-							data: {
-								username: User,
-								extensionphone: Fj,
-								password: Password
-							},
-							success: function(data) {
-								/*验证请求*/
-								if(data.state == "success") {
+            $(".btns").click(function () {
+                login();
+            });
 
-									$.cookie("token", data.data.token, {
-										expires: 7
-									});
-									$.cookie("extno", Fj, {
-										expires: 7
-									});
-									window.location.href = "index.html";
-								} else {
-									//alert("登录失败");
-									$("#user").val('');
-									$("#fj").val('');
-									$("#password").val('');
-								}
-							}
-						});
-					}
-				});
-			});
-			/*点击提交*/
+            $('input').bind('keypress', function (event) {
+                if (event.keyCode == "13") {
+                    $('.btns').trigger("click");
+                }
+            });
 
-			/*cook*/
-		</script>
-	</body>
+        });
+        /*点击提交*/
+        function login() {
+            var User = $("#user").val();
+            var Password = $("#password").val();
+            var userSeat = $("#userSeat").val();
+            /*保存COOK*/
+            //$.cookie("user", $("#user").val(),{expires: 7,secure:true});
+            /*表单验证*/
+            if (User == "" || Password == "") {
+                $(".ts").addClass("Yz_error");
+                if ($("#user").val() == "") {
+                    $("#user").focus(function () {
+                        $(".user_ts").removeClass("Yz_error");
+                        $(".password_ts").removeClass("Yz_error");
+                        $(this).parent().addClass("_success");
+                    });
+                } else {
+                    $(".user_ts").addClass("Yz_success");
+                }
+            } else {
+                /*请求后台*/
+                $.ajax({
+                    type: "post",
+                    url: huayi.config.callcenter_url + "/Login/login",
+                    dataType: 'json',
+                    async: true,
+                    data: {
+                        username: User,
+                        extensionphone: userSeat,
+                        password: Password
+                    },
+                    success: function (data) {
+                        /*验证请求*/
+                        if (data.state == "success") {
+                            $.cookie("token", data.data.token, { expires: 7 });
+                            $.cookie("extno", userSeat, { expires: 7 });
+                            window.location.href = "index.html";
+                        } else {
+                            layer.msg("登录失败");
+                            $("#user").val('');
+                            $("#userSeat").val('');
+                            $("#password").val('');
+                        }
+                    }
+                });
+            }
+        }
 
-</html>
+
+    </script>
+</body>
+</html>