1111

src/view/sy_map.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="module">
     <teleport to="body">
-      <div id="map" style="width: 100vw; height: 100vh" v-show="openD"></div>
+      <div id="map" style="width: 100vw; height: 100vh" v-show="!openD"></div>
       <div class="left" style="width: 517px" v-show="!showEdit">
         <div class="lyx">
           <div class="title">
@@ -225,7 +225,7 @@
           退出
         </div>
       </div>
-      <div class="btnBj" v-if="!showEdit" @click="openqx()">
+      <div class="btnBj" v-if="!showEdit && !dialogShow && !openD" @click="openqx()">
         地图权限(123456)：
         <p :style="{ color: jsqx ? 'green' : 'red' }">{{ bjtitle }}</p>
       </div>
@@ -264,7 +264,7 @@
       <personDetail
         class="detail"
         style="width: 1920px; height: 1080px"
-        v-show="!openD"
+        v-show="openD"
         :message="message"
         @closeDetail="closeDetail"
       ></personDetail>
@@ -445,7 +445,7 @@ const qx = ref(false);
 const loadingss = ref(false);
 const loadTable = ref(false);
 //是否打开人物详情
-const openD = ref(true);
+const openD = ref(false);
 const message = ref({});
 //存放渲染的地块及图标的数组
 const jdm_arr = ref([]); //街道名
@@ -2763,14 +2763,14 @@ const openCamera = () => {
 //打开人物详情页面
 const openMessage = (e) => {
   message.value = e;
-  openD.value = false;
+  openD.value = true;
   reset_font2();
   //监听实现人物详情动态缩放
   window.addEventListener("resize", reset_font2);
 };
 //关闭人物详情页面
 const closeDetail = () => {
-  openD.value = true;
+  openD.value = false;
   window.removeEventListener("resize", reset_font2);
 };
 //获取人口列表接口
@@ -4527,7 +4527,7 @@ onMounted(async () => {
 }
 .btnBj {
   cursor: pointer;
-  z-index: 999;
+  z-index: 100;
   position: absolute;
   color: #ffffff;
   top: 12%;