import 'babel-polyfill'
import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store'
import 'element-ui/lib/theme-chalk/index.css'
import util from './utils/util'
import './assets/fonts/fonts.css'
// import '@/styles/index.scss' // global css
import * as echarts from 'echarts'
import ElementUI from 'element-ui'
import mqttConfig from './utils/mqttConfig';
// main.js
import VScaleScreen from 'v-scale-screen'
import axios from 'axios'

Vue.prototype.$axios = axios
Vue.use(VScaleScreen)

Vue.use(ElementUI)
Vue.prototype.$echarts = echarts
// 挂在全局 通用工具集
Vue.prototype.$util = util

import {
  Flexbox,
  FlexboxItem
} from '@/components/Flexbox'
Vue.component('flexbox', Flexbox)
Vue.component('flexbox-item', FlexboxItem)

import * as filters from './filters' // global filters
// 注册全局过滤器
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

import moment from 'moment'
//定义一个全局过滤器实现日期格式化
Vue.filter('datefmt',function (input,fmtstring) {//当input为时间戳时，需转为Number类型
  // 使用momentjs这个日期格式化类库实现日期的格式化功能
  return moment(input).format(fmtstring);
});
// import videojs from "video.js";
// import "video.js/dist/video-js.css";
// Vue.prototype.$video = videojs;
Vue.prototype.$moment = moment
Vue.config.productionTip = false

//引入video
import videojs from "video.js";
import "video.js/dist/video-js.css";
Vue.prototype.$video = videojs;
//MQTT订阅
var currentTopics = null;
var client = null;
var callback = null;
let mqtt = new mqttConfig(currentTopics);
window.PubScribe = function (topic, _callback,) {
    callback = _callback;
    if (currentTopics != null) {
        //取消currentTopics主题订阅
        if (client != null) {
            client.unsubscribe(currentTopics);
            currentTopics = null;
        }
    }
    if (client == null) {
      
        client = mqtt.createConnect(() => {
            client.subscribe(['/SC/pub/uwb','/SC/pub/env'], {
                qos: 0
            }, (err) => {
                if (!err) {
                    console.log("订阅成功0", ['/SC/pub/uwb','/SC/pub/env']);
                }
            });
           
            client.on("message", (topic, message) => {
                //数据分类
                try {
                    callback(topic, message);
                } catch (error) {

                }
            });
        });
    } else {
        if (topic != null) {
            console.log("topic",topic)
            currentTopics = topic;
            client.subscribe(currentTopics, {
                qos: 0
            }, (err) => {
                if (!err) {
                    console.log("订阅成功1"); 
                } else {
                    console.log('消息订阅失败！')
                }

            });
        }
    }
}
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})