import Vue from 'vue'
import App from './App.vue'
import router from './router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// import './assets/css/m-elementui.css'
// import "./assets/css/theme/science-blue.css"
import './components'
// import './assets/css/basic.css'
// import './assets/css/common.css'
import './assets/js/unCtrl'

import G from './global'
import CFG from './assets/js/config'

import layer from 'vue-layer'
import 'vue-layer/lib/vue-layer.css';

import './assets/iconfont/iconfont.css';

import 'video.js/dist/video-js.css';

// jsonp请求方式  请求tx地图接口  
import VueJsonp from 'vue-jsonp'
import axios from './assets/js/axios'

import apis from './assets/js/apis'
Vue.use(VueJsonp)

import 'vue-draggable-resizable/dist/VueDraggableResizable.css';
import VueDraggableResizable from "vue-draggable-resizable";
Vue.component('vue-draggable-resizable', VueDraggableResizable);
Vue.prototype.$layer = layer(Vue);

Vue.use(ElementUI, {
	zIndex: 99
});

Vue.config.productionTip = false;

Vue.prototype.$G = G;
Vue.prototype.$axios = axios;
Vue.prototype.$apis = apis;
Vue.prototype.$CFG = CFG;

// 引入vuex
import store from './store'

import "./global/common"

/**
 * @注册一个全局方法储存skin方法
 * @author (zyk)
 * @param { string } key 键
 * @param { string } data 要存储的数据
 * @returns 
 */
Vue.prototype.$addSkinStorageEvent = function (key, data) {
	// 创建一个StorageEvent事件
	var newStorageEvent = document.createEvent('StorageEvent');
	const storage = {
		setItem: function (k, val) {
			localStorage.setItem(k, val);
			// 初始化创建的事件
			newStorageEvent.initStorageEvent('activeSkin', false, false, k, null, val, null, null);
			// 派发对象
			window.dispatchEvent(newStorageEvent);
		}
	}
	return storage.setItem(key, data);
};

new Vue({
	router,
	store,
	render: h => h(App),
}).$mount('#app')