import './config'

import Vue from 'vue';
import App from './App_gateway.vue';

import Antd, { version } from 'ant-design-vue'
console.log('ant-design-vue version:', version)

import Viser from 'viser-vue'
import 'ant-design-vue/dist/antd.less';  // or 'ant-design-vue/dist/antd.less'
import '../public/color.less';  // 覆盖颜色


//饿了么UI
import ElementUI from 'element-ui';
import '../theme/index.css'
import 'element-ui/lib/theme-chalk/index.css';
// import './element-variables.scss'
// fade/zoom 等
import 'element-ui/lib/theme-chalk/base.css';
// import '../public/gateway/media.less';  //响应式
// collapse 展开折叠
import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
Vue.component(CollapseTransition.name, CollapseTransition)

//图片查看器
import preview from 'vue-photo-preview'
import 'vue-photo-preview/dist/skin.css'

import Storage from 'vue-ls'
import { gatewayRouter as router } from './router'
import store from './store/'
import { VueAxios } from "@/utils/request"
import hasPermission from '@/utils/hasPermission'
import elTableFitColumns from '@/utils/elTableFitColumns'
import config from '@/defaultSettings'
import vueBus from '@/utils/vueBus';

//自定义手机端通用组件
import headers from '@/views/gateway/common/header';
import chart from '@/views/gateway/common/chart';


//增加i18n国际化
import { langMap } from '@/i18n'
import VueI18n from 'vue-i18n'
Vue.use(VueI18n);
console.log(langMap,langMap.cn);
const i18n = new VueI18n({
  locale: langMap.cn, // 语言标识
  fallbackLocale: langMap.cn,
  formatFallbackMessages: true,//如果出现了不存在的字段，则使用fallbackLocale配置的内容
  // messages:i18nMessages
})
import { initAllData } from "@/views/gateway/utils";


Vue.config.productionTip = false
Vue.use({
  install(Vue) {
    Vue.component('headers', headers)
    Vue.component('chart', chart)
  }
})
Vue.use(ElementUI, {
  i18n: (key, value) => i18n.t(key, value)
})
Vue.use(Storage, config.storageOptions)
Vue.use(Antd)
Vue.use(VueAxios, router)
Vue.use(Viser)
Vue.use(hasPermission)
Vue.use(elTableFitColumns)
Vue.use(preview)
Vue.use(vueBus);


function main() {
  new Vue({
    router,
    store,
    i18n,
    mounted () {
      initAllData(this,i18n);
    },
    render: h => h(App)
  }).$mount('#app')
}
main()