src/view/sy_map.vue

@@ -125,7 +125,7 @@
                 wz: item.wz == true,
                 Tsactive: !item.click,
               }"
-              @click="item.click ? changeys(item.name, item.img_width) : ''"
+              @click="item.click ? changeys(item.name,item.img_width) : ''"
               :key="index"
             >
               <img
@@ -247,20 +247,11 @@
       </div>
       <div
         class="btnBj"
-        :class="{ collapsed: isCollapsed }"
         v-if="!showEdit && !dialogShow && !openD"
+        @click="openqx()"
       >
-        <div class="arrow" @click="toggleCollapse">
+        地图权限：
-          <span>{{ isCollapsed ? "◀" : "▶" }}</span>
+        <p :style="{ color: jsqx ? 'green' : 'red' }">{{ bjtitle }}</p>
-        </div>
-        <span v-show="!isCollapsed" style="margin-left: 10px">地图权限：</span>
-        <p
-          v-show="!isCollapsed"
-          @click="openqx()"
-          :style="{ color: jsqx ? 'green' : 'red' }"
-        >
-          {{ bjtitle }}
-        </p>
       </div>
       <Dialog
         :dialogShow="dialogShow"
@@ -1124,6 +1115,7 @@ const yaosuTotal = ref([
     url: "/api/ggfwyth/ysyzt/getCdzxx",
     tooltip: "zdmc",
     click: true,
+   
   },
   {
     id: 9,
@@ -1175,7 +1167,7 @@ const yaosuTotal = ref([
     img_map: cjrzj_map,
     wz: true,
     click: true,
-    img_width: 24,
+    img_width:24,
   },
 
   {
@@ -1187,7 +1179,7 @@ const yaosuTotal = ref([
     tooltip: "mc",
     wz: true,
     click: true,
-    img_width: 24,
+    img_width:24,
   },
   {
     id: 22,
@@ -3200,7 +3192,7 @@ const changeRs = (id) => {
 
 //----------资源要素------------
 const zyys_choose_cs = ref("");
-const changeys = (name, img_width) => {
+const changeys = (name,img_width) => {
   if (yaosuList.value.includes(name)) {
     yaosuList.value = yaosuList.value.filter((ch) => ch !== name);
     if (yaosuIcon.value[name]) {
@@ -3249,18 +3241,18 @@ const changeys = (name, img_width) => {
       name == "汽车充电桩" ||
       name == "便民服务中心"
     ) {
-      getZyys(url, name, img, img_map, tooltip, img_width);
+      getZyys(url, name, img, img_map, tooltip,img_width);
     } else if (name == "养老机构") {
-      getZyys2(name, img, img_map, tooltip, img_width);
+      getZyys2(name, img, img_map, tooltip,img_width);
     } else if (name == "小区物业") {
-      getZyys3(url, name, img, img_map, tooltip, img_width);
+      getZyys3(url, name, img, img_map, tooltip,img_width);
     } else {
       loadingss.value = false;
     }
   }
 };
 //线上接口资源要素
-const getZyys = (url, name, img, img_map, tooltip, img_width) => {
+const getZyys = (url, name, img, img_map, tooltip,img_width) => {
   http.get(url).then((res) => {
     if (res.code == 200) {
       yaosuIcon.value[name] = {};
@@ -3291,14 +3283,14 @@ const getZyys = (url, name, img, img_map, tooltip, img_width) => {
         // };
       });
       yaosuIcon.value[name].sj.forEach((itemm, indexx) => {
-        createZyys(itemm, indexx, name, tooltip, img_width);
+        createZyys(itemm, indexx, name, tooltip,img_width);
       });
     }
     loadingss.value = false;
   });
 };
 //本地存储资源要素
-const getZyys2 = (name, img, img_map, tooltip, img_width) => {
+const getZyys2 = (name, img, img_map, tooltip,img_width) => {
   if (name == "养老机构") {
     yaosuIcon.value[name] = {};
     yaosuIcon.value[name]["sj"] = [];
@@ -3309,13 +3301,13 @@ const getZyys2 = (name, img, img_map, tooltip, img_width) => {
       item.overlay = null;
     });
     yaosuIcon.value[name].sj.forEach((itemm, indexx) => {
-      createZyys(itemm, indexx, name, tooltip, img_width);
+      createZyys(itemm, indexx, name, tooltip,img_width);
     });
     loadingss.value = false;
   }
 };
 //线上接口资源要素(无坐标，需自己匹配)
-const getZyys3 = (url, name, img, img_map, tooltip, img_width) => {
+const getZyys3 = (url, name, img, img_map, tooltip,img_width) => {
   http.get(url).then((res) => {
     if (res.code == 200) {
       let zyys_jd = [];
@@ -3343,14 +3335,14 @@ const getZyys3 = (url, name, img, img_map, tooltip, img_width) => {
         });
       });
       yaosuIcon.value[name].sj.forEach((itemm, indexx) => {
-        createZyys(itemm, indexx, name, tooltip, img_width);
+        createZyys(itemm, indexx, name, tooltip,img_width);
       });
     }
     loadingss.value = false;
   });
 };
 // 添加资源要素的图标(overlay存放标记点)
-const createZyys = (polygon, indexx, name, tooltip, img_width) => {
+const createZyys = (polygon, indexx, name, tooltip,img_width) => {
   let properties_change = {};
   if (name == "小区物业") {
     properties_change = {
@@ -3463,9 +3455,9 @@ const createZyys = (polygon, indexx, name, tooltip, img_width) => {
           break;
         case "残疾人之家":
           break;
-        case "便民服务中心":
+          case "便民服务中心":
           break;
-        case "残疾人之家":
+          case "残疾人之家":
           break;
         case "小区物业":
           console.log(polygon);
@@ -5330,13 +5322,6 @@ const reset_font2 = () => {
   document.querySelector(".detail").style.transform =
     "scale(" + width / 1920 + "," + height / 1080 + ")";
 };
-// const bjtitle = ref(锁定);
-// const jsqx = ref(false);
-const isCollapsed = ref(false);
-
-const toggleCollapse = () => {
-  isCollapsed.value = !isCollapsed.value;
-};
 
 onMounted(async () => {
   // 检查浏览器是否支持 WebGL
@@ -5966,7 +5951,6 @@ onMounted(async () => {
     border-radius: 0 3px 3px 0;
   }
 }
-
 .btnBj {
   cursor: pointer;
   z-index: 100;
@@ -5980,26 +5964,7 @@ onMounted(async () => {
   display: flex;
   align-items: center;
   opacity: 0.8;
-  transition: width 0.3s ease;
-  width: auto;
-  overflow: hidden;
-
-  .btnBj.collapsed {
-    width: 15px;
-    justify-content: center;
-  }
-
-  .arrow {
-    cursor: pointer;
-    font-size: 16px;
-    color: #ffffff;
-    transition: color 0.2s ease;
-  }
-  .arrow:hover {
-    color: #000000;
-  }
 }
-
 .title {
   background-image: url(@/assets/images/map/map_title_bg.png);
   background-repeat: no-repeat;