//vue 项目在ie浏览器的兼容问题
|
//import '@babel/polyfill';
|
import promise from 'es6-promise'
|
import { createApp, nextTick } from 'vue'
|
import App from './App.vue'
|
import i18n, { setLanguage } from "../public/assets/i18n/i18n";
|
import svgIcon from './components/common/svgIcon.vue'
|
import './index.css'
|
import router from './router'
|
import axios from 'axios'
|
import 'default-passive-events'
|
import Vue3SeamlessScroll from "vue3-seamless-scroll"
|
import ElementPlus from 'element-plus'
|
import 'element-plus/dist/index.css'
|
import 'element-plus/theme-chalk/display.css'
|
import './element-variables.scss'
|
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
|
import elementEnLocale from 'element-plus/dist/locale/en.mjs' // element-ui英文包
|
import elementZhLocale from 'element-plus/dist/locale/zh-cn.mjs' // element-ui中文包
|
import elementRuLocale from 'element-plus/dist/locale/ru.mjs' // element-ui俄语包
|
import { postRequest, postKeyValueRequest, putRequest, deleteRequest, getRequest } from "./utils/axioshttp"
|
import Cookies from "js-cookie";
|
import JsonViewer from "vue3-json-viewer";
|
import "vue3-json-viewer/dist/index.css";
|
import { createPinia } from 'pinia'
|
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
|
import { dialogdrag, prefixDirective, thousandsDirective } from './utils/directive'
|
import BasicNavigator from './router/navigators/basicNavigator';
|
|
promise.polyfill()
|
axios.defaults.withCredentials = false
|
Object.fromEntries = (entries) => { //为低版本浏览器重构fromEntries
|
const map = new Map();
|
for (let i = 0; i < entries.length; i++) {
|
map.set(entries[i][0], entries[i][1])
|
}
|
|
return map;
|
}
|
|
const pinia = createPinia();
|
pinia.use(piniaPluginPersistedstate)
|
|
import { Boot } from '@wangeditor/editor'
|
import formulaModule from "@wangeditor/plugin-formula";
|
// 注册。要在创建编辑器之前注册，且只能注册一次，不可重复注册。
|
Boot.registerModule(formulaModule);
|
|
const app = createApp(App)
|
app.config.errorHandler = (err, vm, info) => {
|
// 处理错误
|
// `info` 是 Vue 特定的错误信息，比如错误所在的生命周期钩子
|
console.error(err, vm, info);
|
}
|
app.config.warnHandler = function (msg, vm, trace) {
|
// `trace` 是组件的继承关系追踪
|
console.warn(msg, vm, trace);
|
}
|
app.config.productionTip = false
|
app.config.globalProperties.Cookies = Cookies
|
app.config.globalProperties.postRequest = postRequest
|
app.config.globalProperties.postKeyValueRequest = postKeyValueRequest
|
app.config.globalProperties.putRequest = putRequest
|
app.config.globalProperties.deleteRequest = deleteRequest
|
app.config.globalProperties.getRequest = getRequest
|
app.config.globalProperties.$axios = axios
|
app.config.globalProperties.openLoading = function (target) {
|
const loading = this.$loading({ // 声明一个loading对象
|
lock: true, // 是否锁屏
|
text: `${this.$t('label.Loading')}`, // 加载动画的文字
|
spinner: 'el-icon-loading', // 引入的loading图标
|
background: 'rgba(0, 0, 0, 0.7)', // 背景颜色
|
target: target, // 需要遮罩的区域
|
body: false,
|
class: 'mask' // 遮罩层新增类名
|
});
|
// 设定定时器，超时10S后自动关闭遮罩层，避免请求失败时，遮罩层一直存在的问题
|
setTimeout(function () {
|
loading.close();
|
}, 20000)
|
return loading;
|
}
|
|
app.directive('dialogdrag', {
|
beforeMount() {
|
},
|
mounted(el) {
|
//dialogdrag(el)
|
}
|
})
|
|
|
// input金额展示千分位
|
app.directive("thousands", thousandsDirective);
|
// input前缀符号
|
app.directive('prefix', prefixDirective);
|
|
app.use(BasicNavigator)
|
app.use(i18n)
|
app.use(Vue3SeamlessScroll)
|
app.use(ElementPlus, {
|
locale: Cookies.get('language') === 'zh_cn' ? elementZhLocale : Cookies.get('language') === 'en_us' ? elementEnLocale : Cookies.get('language') === 'ru' ? elementRuLocale : elementEnLocale,
|
size: 'small',
|
zIndex: 3000
|
})
|
app.use(pinia)
|
app.use(router)
|
app.use(JsonViewer);
|
app.component('svg-icon', svgIcon);
|
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
app.component(key, component)
|
}
|
|
setLanguage().then((i18n) => {
|
app.config.globalProperties.$i18n = i18n;
|
}).catch((error) => {
|
console.error(error);
|
}).finally(() => {
|
app.mount('#app')
|
})
|
