增加跳转index

gassafetyprogress-web/src/main.js

 /*
  * @Author: your name
  * @Date: 2022-01-07 11:29:13
- * @LastEditTime: 2022-02-17 11:23:19
+ * @LastEditTime: 2022-02-17 11:35:38
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: /gassafety-progress/gassafetyprogress-web/src/main.js
@@ -16,6 +16,7 @@ import './assets/styles/element-variables.scss'
 import '@/assets/styles/index.scss' // global css
 import '@/assets/styles/zehong.scss' // zehong css
 import './assets/css/font.css'
+import './assets/styles/all.scss'
 
 import App from './App'
 import store from './store'
@@ -30,7 +31,6 @@ import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels,
 import Pagination from "@/components/Pagination";
 // 自定义表格工具扩展
 import RightToolbar from "@/components/RightToolbar"
-import './assets/styles/all.scss'
 
 
 // 全局方法挂载

gassafetyprogress-web/src/views/bigWindow/index.vue

 <!--
  * @Author: your name
  * @Date: 2022-01-11 13:44:17
- * @LastEditTime: 2022-02-17 10:57:53
+ * @LastEditTime: 2022-02-17 11:47:53
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: /test/hello-world/src/views/Home.vue
 -->
 <template>
   <div class="home bigwindow">
-    <!-- <div class="goSystem" @click="goIndex">进入管理系统</div> -->
+    <div class="goSystem" @click="$router.push('/index')">进入管理系统</div>
     <div id="map"></div>
     <Center :show="show" :centerData="centerData" />
     <PipeColor />
@@ -148,8 +148,6 @@ import User from "@/components/bigWindow/User.vue";
 import Center from "@/components/bigWindow/Center.vue";
 import PipeColor from "@/components/bigWindow/PipeColor.vue";
 
-
-
 // import markerInfoWindow from './components/markerInfoWindow.vue'
 import leftBar from "@/components/bigWindow/leftBar.vue";
 import rightBar from "@/components/bigWindow/rightBar.vue";
@@ -203,7 +201,7 @@ export default {
       "map",
       {
         mapStyle: "amap://styles/f71d3a3d73e14f5b2bf5508bf1411758",
-          zoom:14.5
+        zoom: 14.5,
       },
       this
     );
@@ -239,7 +237,7 @@ export default {
     },
     centerDataFunc(centerData) {
       this.centerData = centerData;
-      console.log(centerData)
+      console.log(centerData);
       this.show = true;
     },
 
@@ -252,11 +250,11 @@ export default {
 
       this.map.companyFilter(this.selarr);
       this.map.infowindowClose();
-      this.show=false;
+      this.show = false;
     },
     sel(index, item) {
-        this.map.infowindowClose()
-        this.show=false;
+      this.map.infowindowClose();
+      this.show = false;
       const ind = this.selarr.indexOf(item.val);
       if (ind >= 0) {
         this.selarr.splice(ind, 1);
@@ -318,6 +316,18 @@ export default {
   position: relative;
   height: 100vh;
 }
+.goSystem {
+  position: fixed;
+  z-index: 9999;
+  top: 20px;
+  right: 210px;
+  font-size: 18px;
+  color: #18baff;
+  cursor: pointer;
+  &:hover {
+    color: #1890ff;
+  }
+}
 #map {
   position: absolute;
   top: 0px;
@@ -336,7 +346,6 @@ export default {
   height: 100%;
 }
 
-
 .leftbar {
   width: 450px;
   height: 100%;
@@ -395,11 +404,8 @@ export default {
   cursor: pointer;
 }
 .active {
-  text-shadow: 0 0 10px #2ee7e7,
-0 0 10px #2ee7e7,
-0 0 15px #2ee7e7,
-0 0 20px #2ee7e7,
-
+  text-shadow: 0 0 10px #2ee7e7, 0 0 10px #2ee7e7, 0 0 15px #2ee7e7,
+    0 0 20px #2ee7e7;
 
   /*position:relative;*/
   /*&::after{
@@ -417,7 +423,6 @@ export default {
     background-position: center;
     color: aquamarine;
   }*/
-
 }
 .weather-icon {
   float: left;