var areaData = address;
var $form;
var form;
var $;
layui.config({
	base : "../../js/"
}).use(['form','layer','upload','laydate'],function(){
	form = layui.form();
	var layer = parent.layer === undefined ? layui.layer : parent.layer;
		$ = layui.jquery;
		$form = $('form');
		laydate = layui.laydate;
        loadProvince();
        //layui.upload({
        //	url : "../../json/userface.json",
        //	success: function(res){
        //		var num = parseInt(4*Math.random());  //生成0-4的随机数
        //		//随机显示一个头像信息
		//    	userFace.src = res.data[num].src;
		//    	window.sessionStorage.setItem('userFace',res.data[num].src);
		//    }
    //});

        $.get("../../../BackgroundProcess.aspx?type=getuserinfo",
                 function (data) {
                     obj = JSON.parse(data);
                     userObj = JSON.parse(obj["info"]);
                    // console.log(data);
                     //{\"ID\":1,\"UserID\":\"admin\",\"UserName\":\"管理员\",\"Sex\":1,\"Password\":\"\",\"QuanXianPeiZhi\":\"0\",\"CreateTime\":1492237313254}
                    // console.log(userObj);
                     if (obj["code"] == 200) {
                         $("#txtUserID").val(userObj["UserID"]);
                         if (userObj["QuanXianPeiZhi"] == 0)
                         {
                             $("#txtQuanXianPeiZhi").val("管理员");
                         } else if (userObj["QuanXianPeiZhi"] == 1) {
                             $("#txtQuanXianPeiZhi").val("普通用户");
                         } else {
                             $("#txtQuanXianPeiZhi").val("来宾用户");
                         }
                         
                         $("#txtUserName").val(userObj["UserName"]);

                     } else {
                        // alert(data);
                         window.location.assign("/login/index.html");

                     }
                 }
             )

        //添加验证规则
        form.verify({
            oldPwd: function (value, item) {
               // alert(userObj["Password"].toLocaleLowerCase());
                if (md5(value) != userObj["Password"].toLocaleLowerCase()) {
                    return "密码错误，请重新输入！";
                }
            },
            newPwd : function(value, item){
                if(value.length < 6){
                    return "密码长度不能小于6位";
                }
            },
            confirmPwd : function(value, item){
                if(!new RegExp($("#oldPwd").val()).test(value)){
                    return "两次输入密码不一致，请重新输入！";
                }
            }
        })

        //判断是否修改过头像，如果修改过则显示修改后的头像，否则显示默认头像
        if(window.sessionStorage.getItem('userFace')){
        	$("#userFace").attr("src",window.sessionStorage.getItem('userFace'));
        }else{
            $("#userFace").attr("src", "../../images/LOGO_512x512.png");
        }

        //提交个人资料
        form.on("submit(changeUser)",function(data){
            var index = layer.msg('提交中，请稍候', { icon: 16, time: false, shade: 0.8 });
            layer.close(index);
            layer.msg("提交成功！" + JSON.stringify(data));

           

            //setTimeout(function(){
            //    layer.close(index);
            //    layer.msg("提交成功！");
            //},2000);
        	return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        })

        

        //修改密码
        form.on("submit(changePwd)",function(data){
            var index = layer.msg('提交中，请稍候', { icon: 16, time: false, shade: 0.8 });
            $.get("../../../BackgroundProcess.aspx?type=updatePwd&newpwd=" + $("#txtnewpwd").val(),
                function (data) {
                    obj = JSON.parse(data);
                    //userObj = JSON.parse(obj["info"]);
                  
                    if (obj["code"] == 200) {
                            layer.close(index);
                            layer.msg("密码修改成功！");
                            $("#btnreset").click();
                            $("#txtUserName").val(userObj["UserName"]);
                    } else {
                        //alert(data);
                            layer.close(index);
                            layer.msg("密码修改失败:" + obj["info"]);

                    }
                }
            )

            //setTimeout(function(){
            //    layer.close(index);
            //    layer.msg("密码修改成功！");
            //    $(".pwd").val('');
            //},2000);
        	return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        })

})

 //加载省数据
function loadProvince() {
    var proHtml = '';
    for (var i = 0; i < areaData.length; i++) {
        proHtml += '<option value="' + areaData[i].provinceCode + '_' + areaData[i].mallCityList.length + '_' + i + '">' + areaData[i].provinceName + '</option>';
    }
    //初始化省数据
    $form.find('select[name=province]').append(proHtml);
    form.render();
    form.on('select(province)', function(data) {
        $form.find('select[name=area]').html('<option value="">请选择县/区</option>');
        var value = data.value;
        var d = value.split('_');
        var code = d[0];
        var count = d[1];
        var index = d[2];
        if (count > 0) {
            loadCity(areaData[index].mallCityList);
        } else {
            $form.find('select[name=city]').attr("disabled","disabled");
        }
    });
}
 //加载市数据
function loadCity(citys) {
    var cityHtml = '<option value="">请选择市</option>';
    for (var i = 0; i < citys.length; i++) {
        cityHtml += '<option value="' + citys[i].cityCode + '_' + citys[i].mallAreaList.length + '_' + i + '">' + citys[i].cityName + '</option>';
    }
    $form.find('select[name=city]').html(cityHtml).removeAttr("disabled");
    form.render();
    form.on('select(city)', function(data) {
        var value = data.value;
        var d = value.split('_');
        var code = d[0];
        var count = d[1];
        var index = d[2];
        if (count > 0) {
            loadArea(citys[index].mallAreaList);
        } else {
            $form.find('select[name=area]').attr("disabled","disabled");
        }
    });
}
 //加载县/区数据
function loadArea(areas) {
    var areaHtml = '<option value="">请选择县/区</option>';
    for (var i = 0; i < areas.length; i++) {
        areaHtml += '<option value="' + areas[i].areaCode + '">' + areas[i].areaName + '</option>';
    }
    $form.find('select[name=area]').html(areaHtml).removeAttr("disabled");
    form.render();
    form.on('select(area)', function(data) {
        //console.log(data);
    });
}