main.js 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. import 'babel-polyfill'
  2. import promise from 'es6-promise'
  3. import Vue from 'vue'
  4. import ElementUI from 'element-ui'
  5. import App from './App'
  6. import store from './store'
  7. import router from './router'
  8. import 'element-ui/lib/theme-chalk/index.css'
  9. import '@/assets/styles/index.scss'
  10. import { registerConfig } from '@gcpaas/data-room-ui'
  11. import remoteComponents from '@/remoteComponents/exports.js'
  12. import customDatasetComponents from '@/customDatasetComponents/exports.js'
  13. Vue.use(ElementUI, { size: 'mini' })
  14. registerConfig(
  15. {
  16. routers: {
  17. // 大屏设计路由
  18. designUrl: '/bigscreen/design',
  19. // 预览路由
  20. previewUrl: '/bigscreen/preview',
  21. // 页面管理路由(带头部跳转路由)
  22. pageManagementUrl: '/',
  23. // 页面列表路由
  24. pageListUrl: '/big-screen-list',
  25. // 模版列表
  26. templateListUrl: '/big-screen-template',
  27. // 数据源管理
  28. dataSourceUrl: '/big-screen-dataSource',
  29. // 数据集管理
  30. dataSetUrl: '/big-screen-dataSet',
  31. // 资源管理
  32. sourceUrl: '/big-screen-source',
  33. // 组件库
  34. componentUrl: '/big-screen-components'
  35. },
  36. httpConfigs: {
  37. baseURL: window.CONFIG?.baseUrl
  38. },
  39. customTheme: {
  40. '--bs-background-1': '#151a26', // 整体背景色
  41. '--bs-background-2': '#232832', // 布局背景色
  42. '--bs-el-background-1': '#151A26', // 组件背景色,输入框...
  43. '--bs-el-background-2': '#35393F', // 组件背景色,按钮、分页、加载...
  44. '--bs-el-background-3': '#303640', // 组件背景色,表格头部、下拉框hover...
  45. '--bs-el-title': '#ffffff', // 标题字体颜色
  46. '--bs-el-text': '#ffffff', // 一般字体颜色
  47. '--bs-el-color-primary': '#409EFF', // elment-ui主题色,激活
  48. // 主题色激活
  49. '--bs-el-color-primary-active': '64, 158, 255', // => rgba(64, 158, 255, 1) = #409EFF
  50. '--bs-el-border': 'transparent' // 边框颜色
  51. },
  52. customPlots: [],
  53. // 远程组件列表
  54. remoteComponents,
  55. customDatasetComponents
  56. },
  57. router
  58. )
  59. promise.polyfill()
  60. // 自定义指令
  61. Vue.use(ElementUI, { size: 'mini' })
  62. Vue.config.productionTip = false
  63. /* eslint-disable no-new */
  64. new Vue({
  65. el: '#app',
  66. router,
  67. store,
  68. render: (h) => h(App)
  69. })