From 81f54040c2cb65537c6c6e1db8358a39a57dea0d Mon Sep 17 00:00:00 2001
From: mayisheng <admin>
Date: Mon, 15 Aug 2022 16:14:01 +0800
Subject: [PATCH] 1
---
src/App.vue | 200 ++++++++++++++++++++++++++++++++++---------------
1 files changed, 137 insertions(+), 63 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index f7288bd..0110c8d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,78 +1,152 @@
<template>
- <div id="app">
- <router-view></router-view>
- </div>
+ <div id="app" :class="{ cantdoit: cantdoits }">
+ <router-view v-if="isRouterActive"></router-view>
+ </div>
</template>
<script>
+import AMapLoader from '@amap/amap-jsapi-loader'
export default {
- name: "App",
- data() {
- return {
- // consoles: 1,
- // consoles1: 1,
- };
- },
- mounted() {
- let that = this;
- // console.log(frames, 789456);
- // setInterval(function () {
- // check();
- // }, 4000);
- // var check = function () {
- // function doCheck(a) {
- // if (("" + a / a)["length"] !== 1 || a % 20 === 0) {
- // // (function () {}["constructor"]("debugger")());
- // console.log("已打开控制台1");
- // that.consoles++;
- // return;
- // } else {
- // // (function () {}["constructor"]("debugger")());
- // // console.log("已打开控制台2");
- // // return;
- // that.consoles++;
- // }
- // doCheck(++a);
- // }
- // try {
- // doCheck(0);
- // } catch (err) {}
- // };
- // check();
- if (this._isMobile()) {
- // 手机端
- this.$router.replace("/mobileLayout");
- } else {
- // pc端
- this.$router.replace("/pcLayout");
- }
- },
- methods: {
- _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;
+ name: 'App',
+ provide () {
+ return { reload: this.reload }
},
- },
-};
+ data () {
+ return {
+ cantdoits: false,
+ isRouterActive: true
+ }
+ },
+ 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')
+ this.$router.replace('/pcLayout')
+ }
+ },
+ 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
+ },
+ getQueryVariable (variable) {
+ var query = window.location.search.substring(1)
+ var vars = query.split('&')
+ for (var i = 0; i < vars.length; i++) {
+ var pair = vars[i].split('=')
+ if (pair[0] == variable) {
+ return pair[1]
+ }
+ }
+ return false
+ },
+ _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;
+ 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%;
+ font-family: 'Avenir', Helvetica, Arial, sans-serif;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ color: #2c3e50;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+.cantdoit * {
+ -webkit-touch-callout: none !important; /*系统默认菜单被禁用*/
+ -webkit-user-select: none !important; /*webkit浏览器*/
+ -khtml-user-select: none !important; /*早期浏览器*/
+ -moz-user-select: none !important; /*火狐*/
+ -ms-user-select: none !important; /*IE10*/
+ user-select: none !important;
}
</style>
--
Gitblit v1.9.3