1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
import Vue from 'vue'
import Cookies from 'js-cookie'
import Element from 'element-ui'
import '@/utils/el-components.js'
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 {
getDictData,
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 PageStandard from '@/components/Page/standard'
// 标准库搜索模板
import PageStandardOption from '@/components/Page/standardOption'
// 标准按钮
import PageButton from '@/components/Page/PageButton'
// 任务模版
import TaskStandard from '@/components/Page/TaskStandard'
// 自定义按钮
import HeaderButton from '@/components/Page/HeaderButton'
import FooterButton from '@/components/Page/FooterButton'
//空数据显示
import Empty from '@/components/Empty/index'
// 字典标签组件
import DictTag from '@/components/DictTag'
// 头部标签组件
import VueMeta from 'vue-meta'
// 字典数据组件
import DictData from '@/components/DictData'
import TalkItem from '@/components/TalkItem'
import { IconPark } from '@icon-park/vue/es/all'
import columnData from '@/components/columnData/index'
// import { install } from '@icon-park/vue/es/all';
// import '@icon-park/vue/styles/index.css';
// Vue.use(install)
// 使用mock模拟接口调用
// const { mockXHR } = require('../mock')
// mockXHR()
// 全局方法挂载
Vue.prototype.getDicts = getDicts
Vue.prototype.getConfigKey = getConfigKey
Vue.prototype.parseTime = parseTime
Vue.prototype.getDictData = getDictData
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.component('DictTag', DictTag)
Vue.component('IconPark', IconPark)
Vue.component('TaskStandard', TaskStandard)
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('PageStandard', PageStandard)
Vue.component('PageStandardOption', PageStandardOption)
Vue.component('PageButton', PageButton)
Vue.component('TalkItem', TalkItem)
Vue.component('EmptyData', Empty)
Vue.component('HeaderButton', HeaderButton)
Vue.component('FooterButton', FooterButton)
Vue.component('columnData', columnData)
Vue.use(directive)
Vue.use(plugins)
Vue.use(VueMeta)
import ModelDataSource from './utils/ModelDataSource'
Vue.use(ModelDataSource)
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') || 'mini' // set element-ui default size
})
Vue.config.productionTip = false
// 导入apollo-boost模块实例化ApolloClient
import ApolloClient from 'apollo-boost'
import VueApollo from 'vue-apollo'
// 全局使用
Vue.use(VueApollo)
// 全局导入Echarts
import * as echarts from 'echarts'
Vue.prototype.$echarts = echarts
import { Message } from 'element-ui'
// 请求graphql使用的apollo API
const apolloClient = new ApolloClient({
// 服务端Url
uri: process.env.VUE_APP_CLIENT_API + '/query', //
onError(error) {
Message({ message: '车联网接口异常', type: 'error' })
// 处理错误
}
})
//创建apollo实例对象
const apolloProvider = new VueApollo({
defaultClient: apolloClient //默认查询
})
new Vue({
el: '#app',
router,
store,
apolloProvider,
render: h => h(App)
})