124 lines
3.6 KiB
JavaScript
124 lines
3.6 KiB
JavaScript
import Vue from "vue";
|
|
|
|
import Cookies from "js-cookie";
|
|
|
|
import Element from "element-ui";
|
|
import "./assets/styles/element-variables.scss";
|
|
|
|
import "@/assets/styles/index.scss"; // global css
|
|
import "@/assets/styles/ruoyi.scss"; // ruoyi css
|
|
import App from "./App";
|
|
import store from "./store";
|
|
import router from "./router";
|
|
import directive from "./directive"; // directive
|
|
import plugins from "./plugins"; // plugins
|
|
import { download } from "@/utils/request";
|
|
|
|
import "./assets/icons"; // icon
|
|
import "./permission"; // permission control
|
|
import { getDicts } from "@/api/system/dict/data";
|
|
import { getConfigKey } from "@/api/system/config";
|
|
import {
|
|
parseTime,
|
|
resetForm,
|
|
addDateRange,
|
|
selectDictLabel,
|
|
selectDictLabels,
|
|
handleTree,
|
|
} from "@/utils/ruoyi";
|
|
// 分页组件
|
|
import Pagination from "@/components/Pagination";
|
|
// 自定义表格工具组件
|
|
import RightToolbar from "@/components/RightToolbar";
|
|
// 富文本组件
|
|
import Editor from "@/components/Editor";
|
|
// 文件上传组件
|
|
import FileUpload from "@/components/FileUpload";
|
|
// 图片上传组件
|
|
import ImageUpload from "@/components/ImageUpload";
|
|
// 图片预览组件
|
|
import ImagePreview from "@/components/ImagePreview";
|
|
// 字典标签组件
|
|
import DictTag from "@/components/DictTag";
|
|
// 头部标签组件
|
|
import VueMeta from "vue-meta";
|
|
// 字典数据组件
|
|
import DictData from "@/components/DictData";
|
|
//工作流
|
|
|
|
import Tinymce from "@/components/tinymce/index.vue";
|
|
import "./assets/text/font.css";
|
|
|
|
import WebSocketService from "@/plugins/websocket";
|
|
const wsService = new WebSocketService();
|
|
// 全局方法挂载
|
|
Vue.prototype.getDicts = getDicts;
|
|
Vue.prototype.getConfigKey = getConfigKey;
|
|
Vue.prototype.parseTime = parseTime;
|
|
Vue.prototype.resetForm = resetForm;
|
|
Vue.prototype.addDateRange = addDateRange;
|
|
Vue.prototype.selectDictLabel = selectDictLabel;
|
|
Vue.prototype.selectDictLabels = selectDictLabels;
|
|
Vue.prototype.download = download;
|
|
Vue.prototype.handleTree = handleTree;
|
|
Vue.prototype.$ws = wsService;
|
|
|
|
// 全局组件挂载
|
|
Vue.component("DictTag", DictTag);
|
|
Vue.component("Pagination", Pagination);
|
|
Vue.component("RightToolbar", RightToolbar);
|
|
Vue.component("Editor", Editor);
|
|
Vue.component("FileUpload", FileUpload);
|
|
Vue.component("ImageUpload", ImageUpload);
|
|
Vue.component("ImagePreview", ImagePreview);
|
|
Vue.component("tinymce", Tinymce);
|
|
|
|
Vue.use(directive);
|
|
Vue.use(plugins);
|
|
Vue.use(VueMeta);
|
|
DictData.install();
|
|
|
|
/**
|
|
* If you don't want to use mock-server
|
|
* you want to use MockJs for mock api
|
|
* you can execute: mockXHR()
|
|
*
|
|
* Currently MockJs will be used in the production environment,
|
|
* please remove it before going online! ! !
|
|
*/
|
|
|
|
Vue.use(Element, {
|
|
size: Cookies.get("size") || "medium", // set element-ui default size
|
|
});
|
|
|
|
Vue.config.productionTip = false;
|
|
|
|
new Vue({
|
|
el: "#app",
|
|
router,
|
|
store,
|
|
render: (h) => h(App),
|
|
});
|
|
// 确保WebSocket连接在获取到token时建立
|
|
store.watch(
|
|
() => store.getters.token,
|
|
(newToken) => {
|
|
if (newToken) {
|
|
if (window.location.port === ""||window.location.port === 80) {
|
|
// 内网
|
|
wsService.connect(`ws://${window.location.hostname}:8080/websocket?token=${newToken}`);
|
|
}else{
|
|
// 外网
|
|
wsService.connect(`ws://${window.location.hostname}:18080/websocket?token=${newToken}`);
|
|
}
|
|
// 本地
|
|
// wsService.connect(`ws://localhost:8080/websocket?token=${newToken}`);
|
|
// 内网
|
|
// wsService.connect(`ws://10.60.5.83:8080/websocket?token=${newToken}`);
|
|
// 外网
|
|
// wsService.connect(`ws://61.161.250.206:18080/websocket?token=${newToken}`);
|
|
}
|
|
},
|
|
{ immediate: true }
|
|
);
|