新增地图弹窗 bug修改

src/layout/components/Header/index.vue

@@ -1,5 +1,8 @@
 <template>
   <div class="header">
+	  <div v-if="isBack" class="back2" @click="handleHome">
+	    <img class="icon" src="@/assets/images/home.png" alt="" /> 首页
+	  </div>
     <ul class="nav-left">
       <li
         class="nav-left-item"
@@ -142,11 +145,14 @@
       minute
     )}:${fillZero(second)}`
   }
-  // 返回首页
+  // 返回上一页
   const handleBack = () => {
-    router.push('/home')
+    router.back()
+  }
+  // 返回首页
+  const handleHome = ()=>{
+	 router.push('/home')
   }
-
   const handleCommand = (item, type) => {
 	  
     current.value = ''
@@ -172,7 +178,7 @@
   
   // 点击导航
   const handleNav = (item) => {
-	  console.log(item,'测试一下 ')
+	  // console.log(item.path,'测试一下 ')
     if (isSkip.value) {
       router.push(item.path)
     } else {
@@ -222,8 +228,8 @@
         isSkip.value = true
         isBack.value = false
         navLeft.value = [
+		  { name: '景区', path: '/scenic' },
           { name: '监控', path: '/monitor' },
-          { name: '景区', path: '/scenic' },
           { name: '交通', path: '/traffic' }
         ]
         navRight.value = [
@@ -238,9 +244,10 @@
         isBack.value = true
         let res = await getSpotListApi()
         navLeft.value = res.data
-        current.value = 0
+		console.log(res.data,'22220000')
+        current.value = res.data[0].id
         title.value = navLeft.value[current.value].name
-        pubSub.publish('scenicChange', navLeft.value[current.value])
+        pubSub.publish('scenicChange', navLeft.value[0])
         otherLeftNav.value = [
           // {
           //   name: '大窝景区'
@@ -399,6 +406,28 @@
         height: auto;
       }
     }
+	.back2 {
+	  position: absolute;
+	  left: 0;
+	  top: vh(50);
+	  width: vw(130);
+	  height: vh(36);
+	  font-weight: 600;
+	  font-size: vw(20);
+	  color: #ffffff;
+	  cursor: pointer;
+	  display: flex;
+	  align-items: center;
+	  justify-content: center;
+	  border-radius: vw(60);
+	  border: 1px solid rgba(0, 114, 220, 0.3);
+	  background: linear-gradient(270deg, rgba(8, 41, 86, 0.16) 0%, #0b61b4 100%);
+	  .icon {
+	    margin-right: vw(10);
+	    width: vw(24);
+	    height: auto;
+	  }
+	}
     .title {
       width: vw(3170);
       height: vh(120);