标题修改

src/views/gridman/forestranger/index.vue

@@ -102,7 +102,7 @@
 
     },
     created() {
-      this.getList()
+      // this.getList()
     },
     mounted() {
 

src/views/gridman/index.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="gridman-container">
     <div class="gridman-header">
-        <div class="back-button" @click="backPath"></div>
+      <div class="back-button" @click="backPath"></div>
-        网格化管理
+      {{title}}
     </div>
     <div class="gridman-body">
-        <router-view></router-view>
+      <router-view @updateProjectId="updateProjectIdParent"></router-view>
     </div>
   </div>
 </template>
@@ -13,59 +13,63 @@
 <script>
   export default {
     name: 'index',
-    created(){
+    created() {
-       
+
     },
-    data(){
+    data() {
-        return {
+      return {
-            
+        title : '网格化管理'
-        }
+      }
     },
-    methods:{
+    methods: {
-        backPath(){
+      updateProjectIdParent(msg) {
-            console.log(this.$route);
+        this.title = msg
-            if(this.$route.path != '/gridman_navigation'){
+      },
-                this.$router.push({'path':'/gridman'})
+      backPath() {
-            }else{
+        this.title = '网格化管理'
-                this.$router.push({'path':'/index'})
+        if (this.$route.path != '/gridman_navigation') {
-            }
+          this.$router.push({ 'path': '/gridman' })
+        } else {
+          this.$router.push({ 'path': '/index' })
         }
+      }
     }
   }
 </script>
 
 <style scoped>
-  .gridman-container{
+  .gridman-container {
-      width:100%;
+    width: 100%;
-      height: 100%;
+    height: 100%;
-      background-image:url(/img/gridman/bg.png);
+    background-image: url(/img/gridman/bg.png);
-      background-size:100% 100%;
+    background-size: 100% 100%;
   }
 
-  .gridman-header{
+  .gridman-header {
-      width:100%;
+    width: 100%;
-      height:99px;
+    height: 99px;
-      background-image:url(/img/gridman/header.png);
+    background-image: url(/img/gridman/header.png);
-      background-size:100% 100%;
+    background-size: 100% 100%;
-      text-align: center;
+    text-align: center;
-      color:#fff;
+    color: #fff;
-      line-height:90px;
+    line-height: 90px;
-        font-size:36px;
+    font-size: 36px;
-        letter-spacing: 5px;
+    letter-spacing: 5px;
   }
 
-    .back-button{
+  .back-button {
-        width:140px;
+    width: 140px;
-        height:40px;
+    height: 40px;
-        position:absolute;
+    position: absolute;
-        top:60px;
+    top: 60px;
-        left:40px;
+    left: 40px;
-        cursor:pointer;
+    cursor: pointer;
 
-    }
+  }
-  .gridman-body{
+
-      width:100%;
+  .gridman-body {
-      height: calc( 100% - 100px);
+    width: 100%;
+    height: calc(100% - 100px);
 
   }
 </style>

src/views/gridman/navigation/index.vue

@@ -6,9 +6,9 @@
         <p>欢迎进入网格化管理系统！</p>
     </div>
     <div class="gridman-navigation">
-        <div class="nav-item" v-for="(item,index) in navList" :key="index" :style="{'top':item.top+'px'}" @click="$router.push({'path':item.url})">
+        <div class="nav-item" v-for="(item,index) in navList" :key="index" :style="{'top':item.top+'px'}" @click="goItem(item)">
-            <img :src="'/img/gridman/nav-'+(index+1)+'.png'" alt="" @click="$router.push({'path':item.url})">
+            <img :src="'/img/gridman/nav-'+(index+1)+'.png'" alt="" @click="goItem(item)">
-            <div class="nav-lable" @click="$router.push({'path':item.url})">{{item.lable}}</div>
+            <div class="nav-lable" @click="goItem(item)">{{item.lable}}</div>
         </div>
     </div>
 </div>
@@ -60,6 +60,12 @@
                 },
             ]
         }
+    },
+    methods:{
+        goItem(item){
+            this.$router.push({'path':item.url})
+            this.$emit('updateProjectId',item.lable)
+        }
     }
   }
 </script>