JavaScript 常用方法（view ui）

1、随机数

getRandom (min, max) {
    return Math.floor(Math.random() * (max - min)) + min
},

2、日期格式化

/**
 * @description: 格式化时间
 * @param: 
 *         date :待s格式化的时间
 *         step(不传默认返回当前时间) :在当前时间基础上加|减 step(单位 type )
 *         format(不传返回默认格式): 返回时间格式： "yyyy-MM-dd"、"yyyy-MM-dd hh:mm:ss"
 *         type(step格式，不传默认小时): day、month
 * @return 返回格式化之后的时间
 */
export function dateFormat(date, step = 0, format = '', type = '') {
    let dateTime = new Date(date);
    let result = '';
    switch (type) {
        case 'day': {
            result = new Date(dateTime.getTime() + step * 3600 * 1000 * 24);
            break;
        }
        case 'month': {
            result = new Date(dateTime.getTime() + step * 3600 * 1000 * 24 * 31);
            break;
        }
        default: {
            result = new Date(dateTime.getTime() + step * 3600 * 1000);
        }
    }

    var o = {
        "M+": result.getMonth() + 1,                 //月份 
        "d+": result.getDate(),                    //日 
        "h+": result.getHours(),                   //小时 
        "m+": result.getMinutes(),                 //分 
        "s+": result.getSeconds(),                 //秒 
        "q+": Math.floor((result.getMonth() + 3) / 3), //季度 
        "S": result.getMilliseconds()             //毫秒 
    };
    if (/(y+)/.test(format)) {
        format = format.replace(RegExp.$1, (result.getFullYear() + "").substr(4 - RegExp.$1.length));
    }
    for (var k in o) {
        if (new RegExp("(" + k + ")").test(format)) {
            format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
        }
    }
    return format == '' ? result : format
}

3、下载文件

/**
 * @description: 下载文件api
 * @param url:下载地址
 *        data:下载参数
 * @return Promise
 */
const doenloadFile = (url, data) => request({
    url,
    method: 'post',
    data,
    responseType: 'blob'
});
/**
 * @description: 下载文件方法
 * @param url:下载地址
 *        data:下载参数
 * @return 文件
 */
export function DOWNLOAD(url, params) {
    // 加载中效果
    Spin.show({
        render: h => {
            return h("div", [
                h('Icon', {
                    "class": "spin-icon-load",
                    "style": "animation: ani-demo-spin 1s linear infinite;",
                    props: {
                        type: "ios-loading",
                        size: "30"
                    }
                }),
                h("div", "加载中")
            ])
        }
    });
    doenloadFile(url, params).then(res => {
        var blob = new Blob([res.data])
        let temp = res.headers['content-disposition'].split('filename=')[1];
        const fileName = decodeURIComponent(temp)
        var blob = new Blob([res.data])
        var downloadElement = document.createElement('a');
        var href = window.URL.createObjectURL(blob); //创建下载的链接
        downloadElement.href = href;
        downloadElement.download = fileName; //下载后文件名
        document.body.appendChild(downloadElement);
        downloadElement.click(); //点击下载
        document.body.removeChild(downloadElement); //下载完成移除元素
        window.URL.revokeObjectURL(href); //释放掉blob对象
        // 取消加载中
        Spin.hide()
    })
}