// import 'babel-polyfill'
import 'fetch-detector'
import 'fetch-ie8'

import Vue from 'vue'
import App from './App'
import router from './router'
import BootstrapVue from 'bootstrap-vue'
import Notifications from 'vue-notification'
import moment from 'moment'
import sweetalert from 'sweetalert'
import globals from './globals'
import Popper from 'popper.js'
import store from './store'
import qs from 'qs'
import {
  httpImg,
  noData,
  fButton,
  vLoading
} from '@/components/common'
import Toast from '@/components/common/toasted'
// import httpAxios from '@/server/common/httpAxios'
import {
  httpGET,
  httpPOST,
  httpPUT,
  httpDEL
} from '@/server/common/httpFetch'

import { getLoginUserData } from '@/server/login.js'
// Required to enable animations on dropdowns/tooltips/popovers
Popper.Defaults.modifiers.computeStyle.gpuAcceleration = false

Vue.config.productionTip = false
// Vue.prototype.$httpAxios = httpAxios

Vue.prototype.$httpGET = httpGET
Vue.prototype.$httpPOST = httpPOST
Vue.prototype.$httpPUT = httpPUT
Vue.prototype.$httpDEL = httpDEL

Vue.prototype.$moment = moment
Vue.prototype.$swal = sweetalert
Vue.prototype.$toast = Toast
Vue.use(BootstrapVue)
Vue.use(qs)
Vue.use(httpImg)
Vue.use(noData)
Vue.use(fButton)
Vue.use(vLoading)
Vue.use(Notifications)
// Global RTL flag
Vue.mixin({
  data: globals
})
// 全局导航钩子
router.beforeEach((to, from, next) => {
  // 判断URL中的登陆数据
  let urlLoginInfo = to.query
  if (
    urlLoginInfo &&
    urlLoginInfo.expires_in &&
    urlLoginInfo.expires_in !== '' &&
    urlLoginInfo.loginedInfo &&
    urlLoginInfo.loginedInfo !== ''
  ) {
    sessionStorage.setItem('expires_in', urlLoginInfo.expires_in)
    sessionStorage.setItem('loginedInfo', urlLoginInfo.loginedInfo)
  }
  store.commit('GET_USER_INFO')
  // 判断该路由是否需要登录权限
  if (to.meta.requireAuth) {
    // 通过vuex state获取当前的token是否存在
    let token = sessionStorage.getItem('loginedInfo') && JSON.parse(sessionStorage.getItem('loginedInfo')).access_token
    if (token && token !== '') {
      // 判断用户登陆信息 并存储
      if (
        sessionStorage.getItem('userInfo') &&
        sessionStorage.getItem('userInfo') !== ''
      ) {
        next()
      } else {
        /* 获取用户数据  后跳转 */
        getLoginUserData().then((result) => {
          store.commit('GET_USER_INFO')
          next()
        })
      }
    } else {
      next({
        path: '/login',
        query: {
          redirect: to.fullPath
        } // 将跳转的路由path作为参数，登录成功后跳转到该路由
      })
    }
  } else {
    next()
  }
})
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  template: '<App/>',
  components: { App }
})