import axios from 'axios'
import { Message, MessageBox, Loading } from 'element-ui'
import Vue from 'vue'
import store from '../store'
import errorCode from '@/utils/errorCode'
import {
    codeHeaders,
    encryptBody
} from './sm'
// 是否显示重新登录
let isReloginShow
// 创建axios实例
const service = axios.create({
    timeout: 120000,
    withCredentials: true
})

let loading = null
/**
 * loading开始时
 * @param {*} config
 */
function startLoading(config) {
    loading = Loading.service({
        target: '.loading-mask',
        lock: true,
        text: '加载中……',
        customClass: 'customLoading'
        // background: 'rgba(0, 0, 0, 0.7)'
    })
}
/**
 * loading结束时
 */
function endLoading() {
    loading.close()
}

let needLoadingRequestCount = 0
export function showFullScreenLoading(config) {
    if (!config.showLoading && !config[0]) {
        return
    }
    if (needLoadingRequestCount === 0) {
        startLoading(config)
    }
    needLoadingRequestCount++
}

export function tryHideFullScreenLoading() {
    if (needLoadingRequestCount <= 0) return
    needLoadingRequestCount--
    if (needLoadingRequestCount === 0) {
        endLoading()
    }
}

// request拦截器
service.interceptors.request.use((config) => {
    config.baseURL = process.env.VUE_APP_CURRENTMODE === 'development' ? '/api' : window.API_BASE_URL
    // 如果没有设置Content-Type，默认application/json
    if (!config.headers['Content-Type']) {
        config.headers['Content-Type'] = 'application/json'
    }
    // 方法做防重返和防篡改
    if (process.env.VUE_APP_ENCRYPTION === '1') {
        config = codeHeaders(config)
        config = encryptBody(config)
    }
    // 每次发送请求之前判断vuex中是否存在token
    // 如果存在，则统一在http请求的header都加上token
    const token = store.state.token
    // const token = 'a71a73f84475dcb3c61dbd9c4905858f'
    if (token) {
        config.headers.Authorization = 'Bearer ' + token
    }
    config.headers.bizId = 'B02'
    showFullScreenLoading(config)
    return config
}, (error) => {
    Promise.reject(error)
    tryHideFullScreenLoading()
})

// respone拦截器
service.interceptors.response.use((res) => {
    const code = res.data.code ? String(res.data.code) : '0'
    // 获取错误信息
    const msg = errorCode[code] || res.data.msg || res.data.message || errorCode.default
    tryHideFullScreenLoading()
    // 二进制数据则直接返回
    if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') {
        return res.data
    }
    if (code === '401' || code === '4001' || code === '4000') {
        if (!isReloginShow) {
            isReloginShow = true
            MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {
                confirmButtonText: '重新登录',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                isReloginShow = false
                Vue.prototype.$mainStore.commit('logout')
                Vue.prototype.$mainRouter.replace('/')
            }).catch(() => {
                isReloginShow = false
            })
        }
        const msg = '无效的会话，或者会话已过期，请重新登录。'
        return Promise.reject(msg)
    } else if (code === '999') {
        //token过期
        Message.warning('认证 token 已过期，请重新登录')
        Vue.prototype.$mainStore.commit('logout');
        Vue.prototype.$mainRouter.replace('/');
    } else if (code === '500') {
        Message({
            message: msg,
            type: 'error'
        })
        return Promise.reject(msg)
    } else if (code !== '0') {
        Message.warning(msg)
        return Promise.reject(msg)
    } else {
        return res.data
    }
}, (error) => {
    let { message } = error
    tryHideFullScreenLoading()
    if (message === 'Network Error') {
        message = '后端接口连接异常'
    } else if (message.includes('timeout')) {
        message = '系统接口请求超时'
    } else {
        message = error.response.data.error_description || error.response.data.message
    }
    message && Message({
        message: message,
        type: 'error',
        duration: 3 * 1000
    })
    switch (String(error.response.data.status)) {
        case '401':
            Vue.prototype.$mainStore.dispatch('clearLoginInfo')
            Vue.prototype.$mainRouter.replace('/')
            break
        case '403':
            Vue.prototype.$mainRouter.push({ name: '404' })
            break
    }
    return Promise.reject(error)
})
export default service