From 81aa33623345a6994fc0271672f8d9aec2676613 Mon Sep 17 00:00:00 2001
From: duanxiaohai <1812246227@qq.com>
Date: Fri, 23 Aug 2024 10:36:59 +0800
Subject: [PATCH] gx

---
 src/components/header.vue | 46 +++++++++++++++++++++++++++++++++++----
 src/view/sy_map.vue       |  5 +++--
 2 files changed, 45 insertions(+), 6 deletions(-)

diff --git a/src/components/header.vue b/src/components/header.vue
index 21ceb2c..a56f05f 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -8,6 +8,10 @@
           <div id="date-display"></div>
           <div id="clock" style="margin-top: 4px">加载中...</div>
         </div>
+        <!-- <div class="back" @click="back()">
+          <img src="@/assets/person/back.png" alt="" />
+          <p>返回</p>
+        </div> -->
         <div class="header-menu">
           <div class="header-menu-item header-menu-left">
             <div
@@ -56,6 +60,12 @@
 <script setup>
 import { ref, reactive, toRefs, onMounted, inject, nextTick, watch } from "vue";
 import { useRouter, useRoute } from "vue-router";
+const router = useRouter();
+const routers = useRoute();
+// 返回
+const back = () => {
+  router.back();
+};
 const updateClock = () => {
   //获取当前时间
   const now = new Date();
@@ -100,8 +110,7 @@ const onMenu = (val) => {
   data.nowTab = val.url;
   data.menushow = false;
 };
-const router = useRouter();
-const routers = useRoute();
+
 let menuIf = ref(true);
 const data = reactive({
   menushow: false,
@@ -370,9 +379,38 @@ onMounted(() => {
 }
 
 .header_content {
-  z-index: 99999;
-  width: 1920px;
   position: absolute;
+  z-index: 999;
+  width: 1920px;
+  // background-color: rgba(17, 44, 78, 0.9);
   background: url("../assets/bgImg.png") no-repeat 0/100% 100%;
 }
+// .back {
+//     box-sizing: border-box;
+//     position: fixed;
+//     width: 88px;
+//     height: 36px;
+//     top: 90px;
+//     left: 45px;
+//     background: url("../../assets/person/back_bg.png") no-repeat;
+//     background-size: 100% 100%;
+//     background-color: #0d4378;
+//     border-radius: 36px;
+//     display: flex;
+//     align-items: center;
+//     padding: 10px 16px;
+//     z-index: 10000;
+//     cursor: pointer;
+//     img {
+//       width: 17px;
+//       height: 16px;
+//     }
+//     p {
+//       margin-left: 5px;
+//       font-weight: 400;
+//       font-size: 16px;
+//       color: #b5eaff;
+//       line-height: 22px;
+//     }
+//   }
 </style>
diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue
index a0512b4..00e5b63 100644
--- a/src/view/sy_map.vue
+++ b/src/view/sy_map.vue
@@ -191,6 +191,7 @@
         @close="close"
         @handle="handlePagination"
         @openMessage="openMessage"
+        style="z-index:333"
       >
         <template #jzzt="{ currentCol, currentData }">
           <div v-if="currentData.jzzt == 0">居住</div>
@@ -984,7 +985,7 @@ const csName = async () => {
       if (res.code == 200) {
         ElMessage.success({
           message: "修改村名成功",
-          offset: 100, // 距离窗口顶部的偏移量
+
         });
       }
     });
@@ -4184,6 +4185,6 @@ onMounted(async () => {
   border-bottom: none;
 }
 .detail {
-  z-index: 9998;
+  z-index: 998;
 }
 </style>