import { loadingText, messageDuration, title } from '@/config'
|
import * as lodash from 'lodash'
|
import { Loading, Message, MessageBox, Notification } from 'element-ui'
|
import store from '@/store'
|
import { getAccessToken } from '@/utils/accessToken'
|
|
const accessToken = store.getters['user/accessToken']
|
const layout = store.getters['settings/layout']
|
|
const install = (Vue, opts = {}) => {
|
/* 全局accessToken */
|
Vue.prototype.$baseAccessToken = () => {
|
return accessToken || getAccessToken()
|
}
|
/* 全局标题 */
|
Vue.prototype.$baseTitle = (() => {
|
return title
|
})()
|
/* 全局加载层 */
|
Vue.prototype.$baseLoading = (index, text) => {
|
let loading
|
if (!index) {
|
loading = Loading.service({
|
lock: true,
|
text: text || loadingText,
|
background: 'hsla(0,0%,100%,.8)',
|
})
|
} else {
|
loading = Loading.service({
|
lock: true,
|
text: text || loadingText,
|
spinner: 'vab-loading-type' + index,
|
background: 'hsla(0,0%,100%,.8)',
|
})
|
}
|
return loading
|
}
|
/* 全局多彩加载层 */
|
Vue.prototype.$baseColorfullLoading = (index, text) => {
|
let loading
|
if (!index) {
|
loading = Loading.service({
|
lock: true,
|
text: text || loadingText,
|
spinner: 'dots-loader',
|
background: 'hsla(0,0%,100%,.8)',
|
})
|
} else {
|
switch (index) {
|
case 1:
|
index = 'dots'
|
break
|
case 2:
|
index = 'gauge'
|
break
|
case 3:
|
index = 'inner-circles'
|
break
|
case 4:
|
index = 'plus'
|
break
|
}
|
loading = Loading.service({
|
lock: true,
|
text: text || loadingText,
|
spinner: index + '-loader',
|
background: 'hsla(0,0%,100%,.8)',
|
})
|
}
|
return loading
|
}
|
/* 全局Message */
|
Vue.prototype.$baseMessage = (message, type) => {
|
Message({
|
offset: 60,
|
showClose: true,
|
message: message,
|
type: type,
|
dangerouslyUseHTMLString: true,
|
duration: messageDuration,
|
})
|
}
|
|
/* 全局Alert */
|
Vue.prototype.$baseAlert = (content, title, callback) => {
|
MessageBox.alert(content, title || '温馨提示', {
|
confirmButtonText: '确定',
|
dangerouslyUseHTMLString: true,
|
callback: (action) => {
|
if (callback) {
|
callback()
|
}
|
},
|
})
|
}
|
|
/* 全局Confirm */
|
Vue.prototype.$baseConfirm = (content, title, callback1, callback2) => {
|
MessageBox.confirm(content, title || '温馨提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
closeOnClickModal: false,
|
type: 'warning',
|
})
|
.then(() => {
|
if (callback1) {
|
callback1()
|
}
|
})
|
.catch(() => {
|
if (callback2) {
|
callback2()
|
}
|
})
|
}
|
|
/* 全局Notification */
|
Vue.prototype.$baseNotify = (message, title, type, position) => {
|
Notification({
|
title: title,
|
message: message,
|
position: position || 'top-right',
|
type: type || 'success',
|
duration: messageDuration,
|
})
|
}
|
|
/* 全局TableHeight */
|
Vue.prototype.$baseTableHeight = (formType) => {
|
let height = window.innerHeight
|
let paddingHeight = 400
|
const formHeight = 50
|
|
if (layout === 'vertical') {
|
paddingHeight = 365
|
}
|
|
if ('number' == typeof formType) {
|
height = height - paddingHeight - formHeight * formType
|
} else {
|
height = height - paddingHeight
|
}
|
return height
|
}
|
|
/* 全局map图层 */
|
Vue.prototype.$baseMap = () => {
|
return new maptalks.Map('map', {
|
center: [116.41348403785, 39.910843952376],
|
zoom: 12,
|
minZoom: 1,
|
maxZoom: 19,
|
spatialReference: {
|
projection: 'baidu',
|
},
|
attribution: {
|
content: '© vue-admin-beautiful',
|
},
|
baseLayer: new maptalks.TileLayer('base', {
|
cssFilter: 'sepia(100%) invert(90%)',
|
urlTemplate:
|
'http://online{s}.map.bdimg.com/onlinelabel/?qt=tile&x={x}&y={y}&z={z}&styles=pl&scaler=1&p=1',
|
subdomains: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
|
attribution:
|
'© <a target="_blank" href="http://map.baidu.com">Baidu</a>',
|
}),
|
})
|
}
|
|
/* 全局lodash */
|
Vue.prototype.$baseLodash = lodash
|
/* 全局事件总线 */
|
Vue.prototype.$baseEventBus = new Vue()
|
}
|
|
if (typeof window !== 'undefined' && window.Vue) {
|
install(window.Vue)
|
}
|
|
export default install
|
