127 lines
3.5 KiB
JavaScript
127 lines
3.5 KiB
JavaScript
import {
|
|
createApp
|
|
} from 'vue'
|
|
|
|
import Cookies from 'js-cookie'
|
|
|
|
import ElementPlus from 'element-plus'
|
|
import 'element-plus/dist/index.css'
|
|
import locale from 'element-plus/es/locale/lang/zh-cn'
|
|
import VxeUI from 'vxe-pc-ui'
|
|
import 'vxe-pc-ui/lib/style.css'
|
|
import VXETable from 'vxe-table'
|
|
import 'vxe-table/lib/style.css'
|
|
import '@/assets/styles/index.scss' // global css
|
|
|
|
import {
|
|
setupRem
|
|
} from './utils/rem';
|
|
setupRem(); // 初始化rem适配
|
|
// 先导入 jQuery 并设置全局变量
|
|
|
|
// import * as $ from 'jquery';
|
|
// window.jQuery = $;
|
|
// window.$ = $;
|
|
|
|
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'
|
|
|
|
// svg图标
|
|
import 'virtual:svg-icons-register'
|
|
import SvgIcon from '@/components/SvgIcon'
|
|
import elementIcons from '@/components/SvgIcon/svgicon'
|
|
|
|
import './permission' // permission control
|
|
|
|
import {
|
|
useDict,
|
|
comDict
|
|
} from '@/utils/dict'
|
|
import {
|
|
parseTime,
|
|
resetForm,
|
|
addDateRange,
|
|
handleTree,
|
|
selectDictLabel,
|
|
selectDictLabels
|
|
} 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 TreeSelect from '@/components/TreeSelect'
|
|
// 字典标签组件
|
|
import DictTag from '@/components/DictTag'
|
|
// elTable表格组件
|
|
import CustomTable from '@/components/elTable'
|
|
// vxeTable 组件
|
|
import CustomVxeTable from '@/components/vxeTable'
|
|
// 下拉框表格组件
|
|
import SelectTable from '@/components/SelectTable'
|
|
import print from 'vue3-print-nb';
|
|
import Vue3SeamlessScroll from 'vue3-seamless-scroll' // 引入插件
|
|
const app = createApp(App)
|
|
|
|
// 全局方法挂载
|
|
|
|
app.config.globalProperties.useDict = useDict
|
|
app.config.globalProperties.download = download
|
|
app.config.globalProperties.parseTime = parseTime
|
|
app.config.globalProperties.resetForm = resetForm
|
|
app.config.globalProperties.handleTree = handleTree
|
|
app.config.globalProperties.addDateRange = addDateRange
|
|
app.config.globalProperties.selectDictLabel = selectDictLabel
|
|
app.config.globalProperties.selectDictLabels = selectDictLabels
|
|
|
|
// 全局组件挂载
|
|
app.component('DictTag', DictTag)
|
|
app.component('Pagination', Pagination)
|
|
app.component('TreeSelect', TreeSelect)
|
|
app.component('FileUpload', FileUpload)
|
|
app.component('ImageUpload', ImageUpload)
|
|
app.component('ImagePreview', ImagePreview)
|
|
app.component('RightToolbar', RightToolbar)
|
|
app.component('Editor', Editor)
|
|
app.component('CustomTable', CustomTable)
|
|
app.component('CustomVxeTable ', CustomVxeTable)
|
|
app.component('SelectTable', SelectTable)
|
|
|
|
//VUE3标准方法注入全局方法
|
|
app.provide('comDict', comDict);
|
|
app.use(print); // 注册打印插件
|
|
app.use(Vue3SeamlessScroll)
|
|
app.provide('$vuePrint', app.config.globalProperties.$vuePrint);
|
|
app.use(router)
|
|
app.use(store)
|
|
app.use(plugins)
|
|
app.use(elementIcons)
|
|
app.component('svg-icon', SvgIcon)
|
|
directive(app)
|
|
app.use(VxeUI)
|
|
app.use(VXETable)
|
|
// 使用element-plus 并且设置全局的大小
|
|
app.use(ElementPlus, {
|
|
locale: locale,
|
|
// 支持 large、default、small
|
|
size: Cookies.get('size') || 'default'
|
|
})
|
|
|
|
app.mount('#app') |