import axios from 'axios'; // 引入axios
import { showToast, showLoadingToast, showFailToast, closeToast } from 'vant';
import i18n from '@/i18n';
import { useRouter } from 'vue-router';
import store from "@/store/store";
import { useUserStore } from "@/store/user.js";

const router = useRouter()

class AxiosRequest {
  /**
   * @description Class AxiosRequest constructor.
   * @param {String} baseUrl Request base url.
   * @param {Object} headers Request headers config.
   * @param {Boolean} isLoading Request loading switch.
   */
  constructor(baseUrl, headers, isLoading) {
    this.baseUrl = baseUrl;
    this.headers = headers;
    this.isLoading = isLoading;
    this.queue = {};
  }

  /**
   * @description Get inside config.
   * @returns Inside config.
   */
  getInsideConfig() {
    const config = {
      // alert: Axios default base url param is "baseURL" not is "baseUrl" !
      baseURL: this.baseUrl,
      headers: this.headers,
      timeout: 10000
    }
    return config;
  }

  /**
   * @description Destroy completed request.
   * @param {String} url The completed request.
   */
  destroy(url) {
    delete this.queue[url];
    if (!Object.keys(this.queue).length) {
      // Present request complete.
      // Remove request loading.
      if (this.isLoading) {
        closeToast();
      }
    }
  }

  /**
   * @description The axios intercept.
   * @param {Function} instance Create axios get instance.
   * @param {String} url Request url.
   */
  interceptors(instance, url) {
    // Request intercept.
    instance.interceptors.request.use(
      config => {
        const userStore = useUserStore()
        const token = userStore.userInfo.token
        if (token) {
          if (!config.params) {
            config.params = {}
          }
          config.params.token = token;
          // console.log(config)
          // const METHOD = config.method.toUpperCase()
          // if (METHOD === 'GET') {
          //   if (!config.params) {
          //     config.params = {}
          //   }
          //   config.params.token = token;
          // } else if(METHOD === 'POST') {
          //   if (!config.data) {
          //     config.data = {}
          //   }
          //   config.data.token = token
          // } else {
          //   // TODO
          // }
        }
        if (!Object.keys(this.queue).length) {
          if (this.isLoading) {
            // Add request loading.
            showLoadingToast({
              duration: 0,
              forbidClick: true,
              loadingType: "spinner",
              message: i18n.global.t('加载中...')
            });
          }
          this.queue[url] = true;
        }
        return config;
      },
      error => {
        if (this.isLoading) {
          closeToast();
        }
        console.log(error, '错误')
        return Promise.reject(error);
      }
    );
    // Response intercept.
    instance.interceptors.response.use(
      result => {
        this.destroy(url);
        if (result.data.code == 0) {
          return result.data;
        } else if (result.data.code == 403) {
          router.replace({
            path: '/login',
            query: {
              redirect: router.currentRoute.fullPath
            }
          });
          store.commit('user/SET_OUT');
        } else {
          if (result.data.msg != undefined) { showToast(i18n.global.t(result.data.msg)); }
          return Promise.reject(result.data);
        }
      },
      error => {
        if (this.isLoading) {
          closeToast();
        }
        if (error.code == 'ERR_NETWORK') {
          showFailToast('ERR_NETWORK')
        } else if (error.code == 'ECONNABORTED') {
          //showFailToast('Network Timeout')
          return Promise.reject(error);
        }
        return Promise.reject(error);
      }
    );
  }

  /**
   * @description Axios request function.
   * @param {Object} options Axios request options.
   * @returns Create axios get instance.
   */
  request(options) {
    const instance = axios.create();
    options = Object.assign(this.getInsideConfig(), options);
    this.interceptors(instance, options.url);
    return instance(options);
  }
}

export default AxiosRequest;