lihai
/
FuWaiCallCenter_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
							<!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.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%;
    		z-index: 3;
    	}
    	.left_word_bj{
    		position: absolute;
    		left: 0;
    		top:0;
    		height: 100%;
    		width: 50%;
    		background: #2a303c;
  			filter:alpha(opacity=75);  
      		-moz-opacity:0.75;  
      		-khtml-opacity: 0.75;  
      		opacity: 0.75;
  			z-index: 2;
  			padding: 0;
    	}
    	.left_word .left_text{
    			width: 55%;
    			left: 40%;
    		    position: absolute;
			    right: 0;
			    top: 7%
    	}
    	
    	.left_word .left_text h2{
    		
		}
		.left_word .left_text .logo{
			position: relative;
			font-size: 30px;
    		color: #FFFFFF;
			/*font-weight: 600;*/
		}
		.left_word .left_text .logo img{
			left: 0;
			top: 0;
			
		}
		.left_word .left_text .logo span{
			padding-left: 10px;
		}
		.signin_left h4{
			font-size: 20px;
			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 col-md-5"></div>
        	<div class="left_word_bj col-md-5"></div>
           	<div class="left_word">
	           	<div class="left_text">
	           		<!--<div class="logo"><img src="img/logo.png"><span>医院随访系统平台</span></div>-->
	           		<div class="logo">
	           			<span>阜外华中心血管病医院</span>
	           		</div>
	           		<h3 style="font-weight: normal;">仁心  笃行  精诚  致远   </h3>
	                <p>阜外华中心血管病医院是在国家卫健委关心支持和重视推动下，由中国医学科学院阜外医院、国家心血管病中心与河南省人民政府合作共建，依托河南省人民医院，按照国家三级甲等心血管病医院标准和现代医院管理制度要求建设的非营利性公立医院，是国家心血管病中心在全国布局的唯一分中心国家心血管病中心华中分中心所在地。 </p>
	           	</div>
            </div>
    </div>
    <div class="container">
        <div class="row clearfix">
            <div class="signin_left col-md-5"></div>
            <div class="signin_right col-md-5">
                <div class="signin_panel">
                	<div class="logo_title">
                		<img src="img/FWLogo.png" alt="" width="50px" height="47px"/>
                		 <h1>呼叫中心管理系统<br/>
                    <span>CALL CENTER MANAGEMENT SYSTEM</span>	
                    </h1>
                	</div>
                   
                    <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 () {
            /*输入框样式改变*/
            $("#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");
            });

            /*cook存储数据*/
            if ($.cookie("username")) {
                //取值如果存在则赋值
                $("#user").val($.cookie("user"));//用户名
            }

            $(".btns").click(function () {
                login();
            });

            $('input').bind('keypress', function (event) {
                if (event.keyCode == "13") {
                    $('.btns').trigger("click");
                }
            });

        });
        /*点击提交*/
        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,
                    beforeSend: function() { //触发ajax请求开始时执行
						$('.btns').text('登录中...');
						loadIndex = layer.load();
					},
                    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('');
                            $('.btns').text('登录');
                            $("#userSeat").val('');
                            $("#password").val('');
                        }
                    }
                });
            }
        }


    </script>
</body>
</html>