//登录页面
define(["knockout"],function(ko){
    return function(context){
        var me = this;
        //登录名
        me.loginName = ko.observable("");
        //密码
        me.password = ko.observable("");
        //验证码
        me.validateCode = ko.observable("");

        me.validateCodeSrc = ko.observable("");

        //校验登录账号
        me.downLoginName = function(){
            $("#showDownLoginName").addClass("firstdown");
        }
        me.vaildLoginNameFlag = ko.observable(false);
        me.vaildLoginName = function(data){
            $("#showDownLoginName").removeClass("firstdown");
            if(util.isVal(me.loginName())==""){
                $("#vaildLoginNameDiv").html("<p class=\"yellow\"><span></span><em>帐号登录名不能为空</em></p>");
                me.vaildLoginNameFlag(false);
            }else{
                $("#vaildLoginNameDiv").html("<p class=\"green\"><span></span><em>帐号登录名可用</em></p>");
                me.vaildLoginNameFlag(true);
            }
        }
        //校验密码
        me.downPassword = function(){
            $("#showDownPassword").addClass("loginshadow");
        }
        me.vaildPasswordFlag = ko.observable(false);
        me.vaildPassword = function(data){
            $("#showDownPassword").removeClass("loginshadow");
            if(util.isVal(me.password())==""){
                $("#vaildPasswordDiv").html("<p class=\"yellow\"><span></span><em>密码不能为空</em></p>");//密码长度大于8位,使用字母与数字混合
                me.vaildPasswordFlag(false);
            }else{
                $("#vaildPasswordDiv").html("<p class=\"green\"><span></span><em>密码可用</em></p>");
                me.vaildPasswordFlag(true);
            }
        }
        //校验验证码
        me.downCode = function(){
            // $("#showCode").removeClass("lastdown");
        }
        me.validateCodeFlag = ko.observable(false);
        me.validateCodeFun = function(data){
            $("#showCode").addClass("lastdown");
            if(util.isVal(me.validateCode())==""){
                $("#validateCodeDiv").html("<p class=\"yellow\"><span></span><em>验证码不能为空</em></p>");
                me.validateCodeFlag(false);
            }else{
                $("#validateCodeDiv").html("<p class=\"green\"><span></span><em>验证码可用</em></p>");
                me.validateCodeFlag(true);
            }
        }
        //刷新验证码
        me.rechangeVilidate = function(){
            $('#validateCode').attr('src','/oa-web/api/v1/open/validateCodeNew?_='+new Date().getTime());
            $("#validateCodeDiv").html("<p>请输入验证码</p>");
            me.validateCodeFlag(false);
        }
        /**
         * 登录
         */
        me.login = function(){
            var isSimple = 0;//0 不简单 1 简单
            if(me.vaildLoginNameFlag() && me.vaildPasswordFlag() && me.validateCodeFlag()){
                var sendData = {};
                sendData["loginName"] = me.loginName();
                sendData["password"] = me.password();
                sendData["validateCode"] = me.validateCode();
                if(util.isSimplePassword(me.password())){
                    isSimple = 1;
                }
                sendData["home"] = "1";
                util.sendAjax({
                    url:'open/login',
                    data:JSON.stringify(sendData),
                    async:false,
                    type:'POST',
                    cache:false,
                    success:function(json){
                        if(json.rc == 0){
                            window.location.href="../mc#home?isSimple="+isSimple;
                        }else{
                            me.validateCodeSrc("/oa-web/api/v1/open/validateCodeNew?_="+new Date().getTime());
                            $("#validateCodeDiv").html("<p>请输入验证码</p>");
                            me.validateCode("");
                            layer.msg("登录失败,错误代码:"+json.rc+"错误信息:"+json.msg);
                        }
                    }
                });
            }else{
                layer.msg("提交失败，用户的用户名、密码、验证码不能为空");
            }
        }
        me.qrCodeShow = function(){
                    layer.open({
                        skin:'qrcodeShow',
                        title:'',
                        type:1,
                        content:'<div><img src="./images/appLogo.jpg"><p>请下载宠爱王国APP进行登录/注册</p></div>',

                        closeBtn:1,
                        shade:0.3,
                        area: ['460px', '400px'],
                    });
                }
        $(function(){
            var imgArr=['logingg0','logingg1'];
            var urlArr=['javascript:;','http://www.geneternal.com'];
            var num='0';
            me.left = function(){
                num--;
                if(num < 0){
                    num = imgArr.length-1;
                };
                $('#img').attr('src','images/logingg'+num+'.jpg');
                $('#href').attr('href',urlArr[num]);
                $('.logintop').css('background','url(scripts/templates/login/images/loginbg'+num+'.jpg) left top repeat-x');
            }
            me.right = function(){
                num++;
                if(num >= imgArr.length){
                    num=0;
                };
                $('#img').attr('src','images/'+imgArr[num]+'.jpg');
                $('#href').attr('href',urlArr[num]);
                $('.logintop').css('background','url(scripts/templates/login/images/loginbg'+num+'.jpg) left top repeat-x');
            }
            me.validateCodeSrc("/oa-web/api/v1/open/validateCodeNew?_="+new Date().getTime());
//            document.onkeydown=function(event){
//                var e = event || window.event || arguments.callee.caller.arguments[0];
//                if(e && e.keyCode==13){ // enter 键
//                    var val = $("#yzm").val();
//                    if(util.isVal(val)!=""){
//                        me.validateCode($("#yzm").val());
//                        me.validateCodeFlag(true);
//                    }
//                    if($("#loginFlag").val()=="1"){
//                        me.login();
//                    }
//                }
//            };

        })
        //判断是否手机访问
        $(function() {
            util.sendAjax({
                url: 'open/isMoblie',
                async: false,
                type: 'GET',
                cache: false,
                success: function (json) {
                    if (json.data == true) {
                        layer.alert("检测到您用的浏览器与现有系统不完全兼容，建议使用电脑浏览器访问或用App办理业务", {
                            title: "提示",
                            time: 0 //不自动关闭
                            , btn: ['确认']
                            , yes: function (index) {
                                layer.close(index);
                            }
                        });
                    }
                }
            });
        })
        me.check = function(){
            $("#choose").show();
        }
        me.close = function(){
            $("#choose").hide();
        }
        context.app.loading(false);
    }
});