//提示
function alertMsg(msg, time, fn) {
    var tips = typeof msg == "string" || typeof msg == "number" ? msg : '提示';
    var t = typeof time == "number" && time > 100 ? time : 1500;
    var tempObj = typeof time == "object" ? time : {};
    var options = {
        msgColor: tempObj.msgColor ? tempObj.msgColor : '#666666',
        bgOpacity: typeof tempObj.bgOpacity == "number" ? tempObj.bgOpacity : 0.2,
        centerBg: tempObj.centerBg ? tempObj.centerBg : 'rgb(255,255,255)',
        msgSize: tempObj.msgSize ? tempObj.msgSize : '4vw',
        t: tempObj.time == "number" && tempObj.time ? tempObj.time : 1500
    }
    var str = $(`<div class="alertMsg" style="z-index: 1000;top:0px; left:0px;position: fixed;width:100vw;height:100vh;background-color: rgba(0,0,0,${options.bgOpacity}); display: flex;flex-direction: column;justify-content: center;align-items: center;">
                    <div style="width: 50vw;margin-bottom: 20vw;height:20vw;background-color: ${options.centerBg}; display: flex;flex-direction: column;justify-content: center;align-items: center; border-radius: 1.5vw;">
                        <div style="max-width: 50vw; font-size: ${options.msgSize};max-height: 20vw;text-align: center;box-sizing:border-box;padding: 3vw;color:${options.msgColor};overflow: hidden;">${tips}</div>
                    </div>
                 </div>`);
    $("body").append(str);
    setTimeout(function () {
        $(".alertMsg").remove();
        if (typeof msg == "function") {
            msg();
        } else if (typeof time == "function") {
            time();
        } else if (typeof fn == "function") {
            fn();
        }
    }, t);
}

//点击确定就关闭的提示
function alertBtn(msg, obj, fn) {
    var tempObj = typeof obj == 'object' ? obj : {};
    var tips = typeof msg == "string" || typeof msg == "number" ? msg : '提示';
    var options = {
        msgColor: tempObj.msgColor ? tempObj.msgColor : '#333333',
        btnText: tempObj.btnText ? tempObj.btnText : '确定',
        btnColor: tempObj.btnColor ? tempObj.btnColor : '#00a0e8',
        bgOpacity: typeof tempObj.bgOpacity == "number" ? tempObj.bgOpacity : 0.2,
        centerBg: tempObj.centerBg ? tempObj.centerBg : 'rgba(249,249,249,0.9)',
        lineColor: tempObj.lineColor ? tempObj.lineColor : '#cccccc',
        title: tempObj.title ? tempObj.title : '',
        titleWeight: tempObj.titleWeight ? tempObj.titleWeight : 'bold',
        titleSize: tempObj.titleSize ? tempObj.titleSize : '5vw',
        tipsSize: tempObj.tipsSize ? tempObj.tipsSize : '4.5vw',
        btnSize: tempObj.btnSize ? tempObj.btnSize : '4.5vw',
        titleColor: tempObj.titleColor ? tempObj.titleColor : '#111111',
        btnHeight: tempObj.btnHeight ? tempObj.btnHeight : '12vw',
    };
    var str = '';
    if (options.title != '') {
        str = `<div style="position: relative;z-index: 1000;font-weight: ${options.titleWeight};color: ${options.titleColor};text-align: center;font-size: ${options.titleSize};height: 10vw;line-height: 10vw;border-bottom: 1px solid #cccccc;margin-top: 1vw;">${options.title}</div>`;
    }
    var str = $(`<div class="alertBtn" style="z-index: 999;top:0px; left:0px;position: fixed;width:100vw;height:100vh;background-color: rgba(0,0,0,${options.bgOpacity}); display: flex;flex-direction: column;justify-content: center;align-items: center;">
                    <div style="position: relative;width:60vw ;min-height:28vw;margin-bottom: 20vw;overflow:hidden;background-color: ${options.centerBg};border-radius: 1.5vw;">
                        ${str}
                        <div style="position: absolute;z-index:999;top: 0;left: 0;width: 100%;height: 100%;background-color: ${options.centerBg};filter: blur(5px);overflow: hidden;"></div>
                        <div style="position: relative;z-index:1000;color: ${options.msgColor};width: 52vw;font-size: ${options.tipsSize};line-height:5.5vw;text-align: center;margin-bottom:2vw;padding: 4vw;">${tips}</div>
                        <div class="alert_close" style="position: relative;z-index:1000;width:100%;height: ${options.btnHeight};line-height: ${options.btnHeight};border-top:1px solid ${options.lineColor};color: ${options.btnColor};text-align: center;font-size: ${options.btnSize};">${options.btnText}</div>
                    </div>
                 </div>`);
    $("body").append(str);
    $('.alert_close').click(function () {
        $(".alertBtn").remove();
        if (typeof msg == "function") {
            msg();
        } else if (typeof obj == "function") {
            obj();
        } else if (typeof fn == "function") {
            fn();
        }
    })
}

//确认或取消
function alertSureAndCancel(obj) {
    var tempObj = typeof obj == 'object' ? obj : {};
    var options = {
        title: tempObj.title ? tempObj.title : '温馨提示',
        detail: tempObj.detail ? tempObj.detail : '确定进行该操作？',
        cancelText: tempObj.cancelText ? tempObj.cancelText : '取消',
        sureText: tempObj.sureText ? tempObj.sureText : '确定',
        titleColor: tempObj.titleColor ? tempObj.titleColor : '#111111',
        titleWeight: tempObj.titleWeight ? tempObj.titleWeight : 'bold',
        detailColor: tempObj.detailColor ? tempObj.detailColor : '#000000',
        sureColor: tempObj.sureColor ? tempObj.sureColor : '#00a0e8',
        cancelColor: tempObj.cancelColor ? tempObj.cancelColor : '#666666',
        bgOpacity: typeof tempObj.bgOpacity == "number" ? tempObj.bgOpacity : 0.6,
        centerBg: tempObj.centerBg ? tempObj.centerBg : 'rgba(241,241,241,0.9)',
        lineColor: tempObj.lineColor ? tempObj.lineColor : '#cccccc',
        titleSize: tempObj.titleSize ? tempObj.titleSize : '5vw',
        detailSize: tempObj.detailSize ? tempObj.detailSize : '4.5vw',
        btnSize: tempObj.btnSize ? tempObj.btnSize : '4.5vw',
        btnHeight: tempObj.btnHeight ? tempObj.btnHeight : '12vw',
    }
    var str = $(`<div class="alert_tips_con" style="position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;z-index: 999;background-color: rgba(0,0,0,${options.bgOpacity});display: flex;justify-content: center;align-items: center;">
                    <div style="width: 80vw;border-radius: 3vw;margin-bottom: 20vw;position: relative;overflow:hidden;background-color: ${options.centerBg};">
                        <div style="position: absolute;z-index:999;top: 0;left: 0;width: 100%;height: 100%;background-color: ${options.centerBg};filter: blur(5px);overflow: hidden;"></div>
                        <div style="position: relative;text-align: center;z-index:1000;font-size: ${options.titleSize};font-weight: ${options.titleWeight};margin-top: 4vw;color: ${options.titleColor}">${options.title}</div>
                        <div style="position: relative;text-align: center;z-index:1000;font-size: ${options.detailSize};margin-top: 3vw;color: ${options.detailColor}">${options.detail}</div>
                        <div style="position: relative;width: 100%;z-index:1000;border-top: 1px solid ${options.lineColor};display: flex;justify-content: space-around;flex-wrap: nowrap;margin-top: 4vw;">
                            <div class="alert_btn_no" style="flex: 1;text-align: center;line-height: ${options.btnHeight};font-size: ${options.btnSize};color: ${options.cancelColor};border-right: 1px solid ${options.lineColor};">${options.cancelText}</div>
                            <div class="alert_btn_sure" style="flex: 1;text-align: center;line-height: ${options.btnHeight};font-size: ${options.btnSize};color: ${options.sureColor};">${options.sureText}</div>
                        </div>
                    </div>
                </div>`);
    $("body").append(str);
    $('.alert_btn_sure').click(function () {
        $('.alert_tips_con').remove();
        if (typeof obj.sure == "function") {
            tempObj.sure();
        }
    })
    $('.alert_btn_no').click(function () {
        $('.alert_tips_con').remove();
        if (typeof obj.cancel == "function") {
            tempObj.cancel();
        }
    })
}

//关闭提示框
function hideSureAndCancel(fn) {
    $('.alert_tips_con').remove();
    if (typeof fn == "function") {
        fn();
    }
}

//等待
function alertShowLoading(obj, fn) {
    var tempObj = typeof obj == "object" ? obj : {};
    var options = {
        title: tempObj.title ? tempObj.title : '',
        titleColor: tempObj.titleColor ? tempObj.titleColor : '#111111',
        loadSrc: tempObj.loadSrc ? tempObj.loadSrc : '/Public/vip/images/loading2.gif',
        bgOpacity: typeof tempObj.bgOpacity == "number" ? tempObj.bgOpacity : 0.6,
        titleSize: tempObj.titleSize ? tempObj.titleSize : '4vw',
        centerBg: tempObj.centerBg ? tempObj.centerBg : 'rgba(241,241,241,0.9)'
    }
    var str = $(`<div class="alert_loading" style="z-index:999;position:fixed;top: 0;left: 0;width: 100vw;height: 100vh;display: flex;justify-content: center;align-items: center;background-color: rgba(0,0,0,${options.bgOpacity});">
                    <div style="position: relative;width: 50vw;height: 50vw;display: flex; overflow:hidden;flex-direction: column;justify-content: space-between;align-items: center;border-radius: 1.5vw;background-color: ${options.centerBg};">
                        <div style="position: absolute;z-index:999;top: 0;left: 0;width: 100%;height: 100%;background-color: ${options.centerBg};filter: blur(5px);overflow: hidden;"></div>
                        <div style="position: relative;z-index:1000;margin-top: 2vw;font-size: ${options.titleSize};color: ${options.titleColor}">${options.title}</div>
                        <img style="position: relative;z-index:1000;width: 7vw;height: 7vw;margin-bottom: 20vw;" src="${options.loadSrc}" alt="gif">
                    </div>
                </div>`);
    $('.img').ready(function () {
        $("body").append(str);
        if (typeof obj == "function") {
            obj();
        } else if (typeof fn == "function") {
            fn();
        }
    })
}

//关闭等待提示
function alertHideLoading(fn) {
    $('.alert_loading').remove();
    setTimeout(function () {
        if (typeof fn == "function") {
            fn();
        }
    }, 10)
}