142 lines
4.1 KiB
JavaScript
142 lines
4.1 KiB
JavaScript
import Vue from 'vue';
|
||
import ElementUI from 'element-ui';
|
||
import 'element-ui/lib/theme-chalk/index.css';
|
||
import ViewUI from 'view-design';
|
||
import 'view-design/dist/styles/iview.css';
|
||
import axios from 'axios';
|
||
|
||
import App from './App.vue';
|
||
import store from './store';
|
||
import router from './router/index.js';
|
||
|
||
import echarts from 'echarts';
|
||
import VueI18n from 'vue-i18n';
|
||
import {
|
||
messages
|
||
} from './components/common/i18n.js';
|
||
import {
|
||
formatSeconds
|
||
} from './utils/tools.js';
|
||
|
||
import mqttConfig from './utils/mqttConfig';
|
||
|
||
import 'babel-polyfill';
|
||
import './assets/css/main.css';
|
||
import './assets/css/theme.scss';
|
||
|
||
Vue.use(ElementUI);
|
||
Vue.use(ViewUI);
|
||
Vue.use(VueI18n);
|
||
Vue.directive('alterELDialogMarginTop' /*修改elementUI中el-dialog顶部的距离,传入值eg:{marginTop:'5vh'} */ , {
|
||
inserted(el, binding, vnode) {
|
||
el.firstElementChild.style.marginTop = binding.value.marginTop
|
||
}
|
||
})
|
||
const i18n = new VueI18n({
|
||
locale: 'zh',
|
||
messages
|
||
});
|
||
|
||
Vue.prototype.$axios = axios;
|
||
Vue.prototype.$echarts = echarts;
|
||
Vue.prototype.$formatSeconds = formatSeconds; // 全局使用该工具函数
|
||
|
||
Array.prototype.pushNoRepeat = function () { // 往数组里添加不重复数据
|
||
for (var i = 0; i < arguments.length; i++) {
|
||
var ele = arguments[i];
|
||
if (this.indexOf(ele) == -1) {
|
||
this.push(ele);
|
||
}
|
||
}
|
||
}
|
||
|
||
Vue.config.productionTip = false;
|
||
|
||
// 使用钩子函数对路由进行权限跳转
|
||
router.beforeEach((to, from, next) => {
|
||
document.title = `${to.meta.title} | 后台管理系统`;
|
||
const role = localStorage.getItem('ms_username');
|
||
if (!role && to.path !== '/Login') {
|
||
next('/Login');
|
||
} else if (to.meta.permission) { // 如果是管理员权限则可进入，这里只是简单的模拟管理员权限而已
|
||
role === 'admin' ? next() : next('/403');
|
||
} else {
|
||
// 简单的判断IE10及以下，该组件不兼容
|
||
if (navigator.userAgent.indexOf('MSIE') > -1) {
|
||
Vue.prototype.$alert('vue-quill-editor组件不兼容IE10及以下浏览器，请使用更高版本的浏览器查看', '浏览器不兼容通知', {
|
||
confirmButtonText: '确定'
|
||
});
|
||
} else {
|
||
next();
|
||
}
|
||
}
|
||
});
|
||
//
|
||
//MQTT订阅
|
||
var currentTopics = null;
|
||
var client = null;
|
||
var callback = null;
|
||
let mqtt = new mqttConfig(currentTopics);
|
||
|
||
window.PubScribe = function (topic, number, _callback) {
|
||
callback = _callback;
|
||
if (currentTopics != null) {
|
||
//取消currentTopics主题订阅
|
||
if (client != null) {
|
||
client.unsubscribe(currentTopics);
|
||
currentTopics = null;
|
||
}
|
||
}
|
||
|
||
// mqtt = mqttConfig;
|
||
if (client == null) {
|
||
client = mqtt.createConnect(() => {
|
||
client.subscribe(['hert', 'img0', 'img1', 'img2', 'img3', 'img4', 'img5', 'img6', 'img7'], {
|
||
qos: 0
|
||
}, (err) => {
|
||
if (!err) {
|
||
console.log("订阅成功0", ['hert', 'img0', 'img1', 'img2', 'img3', 'img4', 'img5', 'img6', 'img7']);
|
||
client.publish('msg_stream', JSON.stringify({
|
||
"msg_flag": parseInt(number)
|
||
}))
|
||
}
|
||
});
|
||
client.on("message", (topic, message) => {
|
||
//数据分类
|
||
try {
|
||
callback(topic, message);
|
||
} catch (error) {
|
||
|
||
}
|
||
});
|
||
});
|
||
} else {
|
||
if (topic != null) {
|
||
currentTopics = topic;
|
||
client.subscribe(currentTopics, {
|
||
qos: 0
|
||
}, (err) => {
|
||
if (!err) {
|
||
console.log("订阅成功1");
|
||
// setTimeout(function() {
|
||
client.publish('msg_stream', JSON.stringify({
|
||
"msg_flag": parseInt(number)
|
||
}))
|
||
// }, 1000);
|
||
|
||
} else {
|
||
console.log('消息订阅失败！')
|
||
}
|
||
|
||
});
|
||
}
|
||
}
|
||
}
|
||
|
||
new Vue({
|
||
el: '#app',
|
||
router,
|
||
store,
|
||
i18n,
|
||
render: h => h(App)
|
||
}); |