/**
 * ajax请求的代理类 1、系统在一般情况都使用本类进行ajax请求不在使用原生的或者jQuery的ajax 原因：
 * 1、本类对异常信息，错误信息进行了信息提示处理 2、本类与服务器端的AjaxResult.java 对应，接收的数据格式是AjaxResult.java
 * 的json格式数据
 *
 * author ：姜友瑶; 2016-06-02
 */
var AjaxProxy = {

    requst: function (option) {
        // 是否开启遮罩
        var params = {
            url: '',
            type: 'post',
            dataType: 'json',
            data: {},
            cache: false,
            async: true,
            callback: null,
            contentType: 'application/json;charset=utf-8',
            processData: true,
            showLoad: true,
            showLoadTip: '提交中',
        };

        params = $.extend(params, option);
        if (params.contentType && params.contentType.indexOf('application/json') > -1 && params.type == 'post') {
            params.data = JSON.stringify(params.data)
        }
        let loading = {};
        if (params.showLoad) {
            layer.open({type: 2});
        }

        return xhr = $.ajax({
            url: params.url,
            type: params.type,
            data: params.data,
            dataType: params.dataType,
            contentType: params.contentType,
            processData: params.processData,
            async: params.async,
            success: function (data) {
                if (params.showLoad) {
                    layer.closeAll();
                }
                if (data.status && data.status != '200') {
                    if (data.info) {
                        layer.open({
                            content: data.info
                            ,skin: 'msg'
                            ,time: 2 //2秒后自动关闭
                        });
                    }
                } else {
                    params.callback && params.callback(data);
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                layer.open({
                    content: '网络连接失败，请稍后重试！'
                    ,skin: 'msg'
                    ,time: 2 //2秒后自动关闭
                });
                if (params.showLoad) {
                    layer.closeAll();
                }
            },
        });
    }

}


var MTools = {


    padLeftZero: function (str) {
        return ('00' + str).substr(str.length)
    },


    formatDate: function (date, fmt) {
        var date = new Date(date);
        if (/(y+)/.test(fmt)) {
            fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
        }
        let o = {
            'M+': date.getMonth() + 1,
            'd+': date.getDate(),
            'h+': date.getHours(),
            'm+': date.getMinutes(),
            's+': date.getSeconds()
        }
        for (let k in o) {
            if (new RegExp(`(${k})`).test(fmt)) {
                let str = o[k] + ''
                fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : this.padLeftZero(str))
            }
        }
        return fmt
    },



    /** 图片在上传的时候，需要在页面嵌套一个jspifram页面 页面处理完图片后服务器返回脚本代码控制父窗口显示图片。 */
    upolad : function(img_id, file_id) {
        if ($("#" + file_id).val() == '') {
            layer.open({
                content: '请先选择要上传的文件！'
                ,skin: 'msg'
                ,time: 2 //2秒后自动关闭
            });
            return;
        }
        $("#" + img_id).attr("src", basePath + "/plat/images/loading.gif");
        $("#" + img_id).show();
    },




    /**
     * 初始化文件上传
     * 需要传一个input框的选择器，支持多个文件同时初始化
     * 编辑时input框value值应该是图片是src路径，这样控件会自动创建图片回显
     * 实现原理：在页面创建一个ifram用于提交文件，每个input框会对应的创建一个隐藏input，把原始
     * input的值复制给隐藏input这个input会用于最后的提交。
     * 还会创建一个form表单，表单中有一个文件选择框。
     * 点击原始input会触发文件选择器的点击事件弹出文件选择框。
     * 文件上传后会改变隐藏input框架的value值。
     * by jyy
     */
    initImgUpload:function(selected){

        //文件类型
        var fileTypes="gif,jpg,jpeg,png,bmp";
        //最大5M
        var maxSize=5*1024*1024;

        //在界面创建一个iframe
        var iframe = $('<iframe name="blankFrame" ></iframe>');
        iframe.css("display", "none");
        $("body").append(iframe);
        $(selected).each(function(i){
            //文件类型
            var fileTypes="gif,jpg,jpeg,png,bmp";
            var $input=$(this);
            var id=$input.attr("id");
            var hideInputId=id+"_hide";
            if($input.data("filetypes")){
                fileTypes=$input.data("filetypes");
            }
            //创建一个隐藏控件,如果input有值创建一个img
            if($input.val()!=null &&$input.val().length>0 ){
                $input.next("a").after("<img onclick='MTools.removeUpload(this,\""+hideInputId+"\")' id='"+$input.attr("id")+"_img'  class='loadingbig' src='"+$input.val()+"' />")
                $input.before("<input   name='"+$input.attr("name")+"' value='"+$input.val()+"'   id='"+$input.attr("id")+"_hide'  style='display:none;' /> ")
            }else{
                $input.before("<input   name='"+$input.attr("name")+"'   id='"+hideInputId+"'  style='display:none;' /> ")
            }
            //删除控件本身的name属性
            $input.removeAttr("name");
            //添加点form表单
            var form = $('<form method="post" enctype="multipart/form-data" target="blankFrame"  style="display:none;" ></form>')
            form.attr("action",basePath+"/admin/uploadFile/doUpload?callBack=MTools.uploadCallBack&inputId="+id);
            //创建一个file文件
            var file=$('<input   type="file" multiple name="file-1" />');
            form.append(file);
            //文件改变就提交
            file.change(function(){
                var filePath = file.val();
                var fileName = filePath.substring(filePath.lastIndexOf("\\") + 1,
                    filePath.length);
                //文件类型判断
                var photoExt=fileName.substr(fileName.lastIndexOf(".")+1).toLowerCase();//获得文件后缀名
                if(fileTypes.indexOf(photoExt)<0){

                    layer.open({
                        content: "允许的文件类型是："+fileTypes
                        ,skin: 'msg'
                        ,time: 2 //2秒后自动关闭
                    });

                    return false;
                }

                var obj=file.get(0);
                var fileSize = 0;
                fileSize = obj.files[0].size;
                if(fileSize>=maxSize){
                    layer.open({
                        content: "照片最大尺寸为"+maxSize/1024+"KB，请重新选择文件!"
                        ,skin: 'msg'
                        ,time: 2 //2秒后自动关闭
                    });

                    return false;
                }
                //校验通过开始上传

                //改变输入框字符
                $input.val(fileName);
                //创建加载图
                if($input.next().next().is("img")){
                    $input.next().next().attr("src" ,basePath+"/images/loadingbig.gif");
                }else{
                    $input.next("a").after("<img onclick='MTools.removeUpload(this,\""+hideInputId+"\")'  class='loadingbig' src='"+basePath+"/images/loadingbig.gif' />")
                }
                //提交表单
                form.submit();
            });
            // 绑定事件
            $input.click(function(){
                file.trigger("click");
            });
            $input.next("a").click(function(){
                file.trigger("click");
            });
            //把组件添加到文档中
            $("body").append(form);
        });


    },

    /**
     * 删除上传图片
     */
    removeUpload:function(node,inputId){
        $(node).remove();
        var textId=inputId.substring(0,inputId.indexOf("_"));
        $("#"+textId).val("");
        $("#"+inputId).val("");

    },
    /**
     * 上传服务器回调函数
     */
    uploadCallBack:function(id,path){
        console.log(path);
        $("#"+id+"_hide").val(path);
        $("#"+id).next().next().attr("src" ,path);
        $("#showImgUrl").hide();
    },



    /** 页面定向 */
    redirect : function(url) {
        window.location.href = url;
    },




}