<template>
|
<div ref="appRef" id="app" :class="{ cantdoit: cantdoits }">
|
<router-view v-if="isRouterActive"></router-view>
|
</div>
|
</template>
|
|
<script>
|
import AMapLoader from '@amap/amap-jsapi-loader'
|
import DevicePixelRatio from './utils/devicePixelRatio'
|
|
export default {
|
name: 'App',
|
provide () {
|
return { reload: this.reload }
|
},
|
data () {
|
return {
|
cantdoits: false,
|
isRouterActive: true
|
}
|
},
|
created () {
|
if (!this._isMobile()) {
|
new DevicePixelRatio().init()
|
}
|
},
|
mounted () {
|
var transmitData = {}
|
|
var url = window.location.href
|
|
if (url.indexOf('?') != -1) {
|
var arr = url.split('?')
|
var brr = arr[1].split('&')
|
brr.forEach((item, index) => {
|
var a = item.split('=')
|
transmitData[a[0]] = decodeURIComponent(a[1])
|
})
|
try {
|
transmitData = JSON.parse(transmitData)
|
} catch (error) { }
|
}
|
|
this.$store.commit('set_urlParameterData', transmitData) // 传入数据
|
|
if (this._isMobile()) {
|
this.cantdoits = true
|
// 手机端
|
this.$router.replace('/mobileLayout')
|
|
AMapLoader.load({
|
key: '9c4b1a0ce88821775605e726073c52b5', // 申请好的Web端开发者Key，首次调用 load 时必填
|
version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
|
plugins: [] // 插件列表
|
})
|
.then((AMap) => {
|
window.AMap = AMap
|
// that.map = new AMap.Map("mymap", {
|
// center: [115.84414205551147, 28.678983439095823],
|
// zoom: 14,
|
// });
|
|
// this.map.on('touchmove', (e) => {
|
// console.log(e)
|
// })
|
|
// that.getLocationInfor(AMap, 115.84414205551147, 28.678983439095823);
|
// that.map.on("mapmove", () => {
|
// that.mouseMoveFlag = false;
|
// that.mouseMoveFlag = true;
|
// var currentCenter = that.map.getCenter();
|
// if (that.setime) {
|
// clearTimeout(that.setime);
|
// }
|
// that.setime = setTimeout(() => {
|
// that.getLocationInfor(AMap, currentCenter.lng, currentCenter.lat);
|
// clearTimeout(that.setime);
|
// that.setime = null;
|
// }, 200);
|
// });
|
|
// this.map.on('mousemove', (e) => {
|
// console.log(e)
|
// })
|
})
|
.catch((e) => {
|
console.log(e)
|
})
|
} else {
|
// pc端
|
// this.$router.replace('/large')
|
|
// if (this.$route.path == '/pcLayout/default') {
|
// this.$router.replace('/pcLayout')
|
// } else {
|
// this.$router.replace('/login')
|
// }
|
}
|
},
|
methods: {
|
reload () {
|
this.isRouterActive = false
|
this.$nextTick(() => {
|
this.isRouterActive = true
|
this.$store.commit('SET_VIEWEREXIST', false)
|
})
|
},
|
getQueryString (name) {
|
const inlength =
|
window.location.href.indexOf('?' + name + '=') + name.length + 2
|
// console.log(inlength);
|
// console.log(window.location.href);
|
var r = window.location.href.slice(inlength)
|
if (r != null) return decodeURIComponent(r)
|
return null
|
},
|
_isMobile () {
|
const flag = navigator.userAgent.match(
|
/(phone|pad|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows phone)/i
|
)
|
return flag
|
}
|
}
|
}
|
</script>
|
|
<style>
|
html,
|
body {
|
width: 100%;
|
height: 100%;
|
margin: 0;
|
padding: 0;
|
overflow: hidden;
|
}
|
#app {
|
font-family: 'Avenir', Helvetica, Arial, sans-serif;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
color: #2c3e50;
|
width: 100%;
|
height: 100%;
|
overflow: hidden;
|
}
|
|
/*系统默认菜单被禁用*/
|
/*webkit浏览器*/
|
/*早期浏览器*/
|
/*火狐*/
|
/*IE10*/
|
.cantdoit * {
|
/* -webkit-touch-callout: none !important;
|
-webkit-user-select: none !important;
|
-khtml-user-select: none !important;
|
-moz-user-select: none !important;
|
-ms-user-select: none !important;
|
user-select: none !important; */
|
}
|
</style>
|
