From 2a38a98c27d40c2dc1984dc58e6ff1cd3969d293 Mon Sep 17 00:00:00 2001
From: wanghui <wangh@ydool.com>
Date: Wed, 24 Jul 2024 15:11:50 +0800
Subject: [PATCH] 11

---
 src/view/home.vue   |   8 ++-
 src/view/sy_map.vue | 152 ++++++++++++++++++--------------------------
 2 files changed, 68 insertions(+), 92 deletions(-)

diff --git a/src/view/home.vue b/src/view/home.vue
index fb2ee8b..06009a9 100644
--- a/src/view/home.vue
+++ b/src/view/home.vue
@@ -29,13 +29,17 @@ const reset_font = () => {
   document.querySelector(".header_content").style.transformOrigin = "top left";
   document.querySelector(".header_content").style.transform =
     "scale(" + width / 1920 + "," + height / 1080 + ")";
-
-  document.querySelector(".left").style.transformOrigin = "bottom left";
+if(
+  document.querySelector(".left").style){
+    document.querySelector(".left").style.transformOrigin = "bottom left";
   document.querySelector(".left").style.transform =
     "scale(" + width / 1920 + "," + height / 1080 + ")";
   document.querySelector(".right").style.transformOrigin = "bottom right";
   document.querySelector(".right").style.transform =
     "scale(" + width / 1920 + "," + height / 1080 + ")";
+
+  }
+ 
 };
 onMounted(() => {
   reset_font();
diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue
index e71dbca..1d54766 100644
--- a/src/view/sy_map.vue
+++ b/src/view/sy_map.vue
@@ -3,89 +3,66 @@
     <teleport to="body">
       <div id="map" style="width: 100vw; height: 100vh; "></div>
       <div class="left" style="width: 517px;">
-      <div class="lyx">
-        <div class="title">
-          <div class="title_name">{{ title_choose }}</div>
-          <div class="title_line"></div>
-        </div>
-        <div class="content">
-          <div
-            class="content_item"
-            v-for="(item, index) in personTotal"
-            :class="{ choose: item.id == choose.person }"
-            @click="changeRs(item.id)"
-            :key="index"
-          >
-            <div class="content_item_name">{{ item.name }}</div>
-            <div class="content_item_value">{{ item.value }}</div>
+        <div class="lyx">
+          <div class="title">
+            <div class="title_name">{{ title_choose }}</div>
+            <div class="title_line"></div>
+          </div>
+          <div class="content">
+            <div class="content_item" v-for="(item, index) in personTotal" :class="{ choose: item.id == choose.person }"
+              @click="changeRs(item.id)" :key="index">
+              <div class="content_item_name">{{ item.name }}</div>
+              <div class="content_item_value">{{ item.value }}</div>
+            </div>
           </div>
         </div>
-      </div>
-      <div class="tsbq">
-        <div class="title">
-          <div class="title_name">特殊标签</div>
-          <div class="title_line"></div>
-        </div>
-        <div class="content">
-          <div
-            class="content_item"
-            v-for="(item, index) in tsbqTotal"
-            :class="{ choose: item.id == choose.bq }"
-            @click="changebq(item.id)"
-            :key="index"
-          >
-            <div class="content_item_name">{{ item.name }}</div>
-            <div class="content_item_value">{{ item.value }}</div>
+        <div class="tsbq">
+          <div class="title">
+            <div class="title_name">特殊标签</div>
+            <div class="title_line"></div>
           </div>
-        </div>
-      </div>
-    </div>
-    <div class="right"  style="width: 517px;" >
-      <div class="jbggfwq">
-        <div class="title">
-          <div class="title_name">基本公共服务圈</div>
-          <div class="title_line"></div>
-        </div>
-        <div class="jbggfwq_content">
-          <div
-            class="jbggfwq_content_item"
-            v-for="(item, index) in jbfwqTotal"
-            :key="index"
-          >
-            <div class="jbggfwq_content_item_left">{{ item.name }}</div>
-            <div class="jbggfwq_content_item_right">
-              <div
-                class="jbggfwq_content_item_right_item"
-                v-for="itemm in item.child"
-                :class="{ choose: itemm.id == choose.fwq }"
-                @click="changeFwq(itemm.id, itemm.fwqList, itemm.center)"
-              >
-                {{ itemm.name }}
-              </div>
+          <div class="content">
+            <div class="content_item" v-for="(item, index) in tsbqTotal" :class="{ choose: item.id == choose.bq }"
+              @click="changebq(item.id)" :key="index">
+              <div class="content_item_name">{{ item.name }}</div>
+              <div class="content_item_value">{{ item.value }}</div>
             </div>
           </div>
         </div>
       </div>
-      <div class="zyys">
-        <div class="title">
-          <div class="title_name">资源要素</div>
-          <div class="title_line"></div>
+      <div class="right" style="width: 517px;">
+        <div class="jbggfwq">
+          <div class="title">
+            <div class="title_name">基本公共服务圈</div>
+            <div class="title_line"></div>
+          </div>
+          <div class="jbggfwq_content">
+            <div class="jbggfwq_content_item" v-for="(item, index) in jbfwqTotal" :key="index">
+              <div class="jbggfwq_content_item_left">{{ item.name }}</div>
+              <div class="jbggfwq_content_item_right">
+                <div class="jbggfwq_content_item_right_item" v-for="itemm in item.child"
+                  :class="{ choose: itemm.id == choose.fwq }" @click="changeFwq(itemm.id, itemm.fwqList, itemm.center)">
+                  {{ itemm.name }}
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
-        <div class="zyys_content">
-          <div
-            class="zyys_content_item"
-            v-for="(item, index) in yaosuTotal"
-            :class="{ choose: item.id == choose.yaosu, wz: item.wz == true }"
-            @click="changeys(item.id)"
-            :key="index"
-          >
-            <img :src="item.img" class="zyys_content_item_left" />
-            <div class="zyys_content_item_right">{{ item.name }}</div>
+        <div class="zyys">
+          <div class="title">
+            <div class="title_name">资源要素</div>
+            <div class="title_line"></div>
+          </div>
+          <div class="zyys_content">
+            <div class="zyys_content_item" v-for="(item, index) in yaosuTotal"
+              :class="{ choose: item.id == choose.yaosu, wz: item.wz == true }" @click="changeys(item.id)" :key="index">
+              <img :src="item.img" class="zyys_content_item_left" />
+              <div class="zyys_content_item_right">{{ item.name }}</div>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-    </teleport>  
+    </teleport>
 
   </div>
 
@@ -396,7 +373,7 @@ const addPolygonCounty = () => {
   });
 };
 //添加街道名
- 
+
 const addJd = () => {
   mapTownCount.map((item) => {
     createCustomOverlayJd(item);
@@ -1595,17 +1572,13 @@ onMounted(() => {
   bottom: 0;
   width: 520px;
   height: 960px;
-  background: linear-gradient(
-      270deg,
+  background: linear-gradient(270deg,
       rgba(0, 52, 131, 0.69) 0%,
       rgba(0, 32, 83, 0.77) 50%,
-      rgba(0, 60, 131, 0.74) 100%
-    ),
-    radial-gradient(
-      128% 99% at 100% 46%,
+      rgba(0, 60, 131, 0.74) 100%),
+    radial-gradient(128% 99% at 100% 46%,
       rgba(0, 48, 125, 0.29) 0%,
-      rgba(0, 61, 134, 0.42) 100%
-    );
+      rgba(0, 61, 134, 0.42) 100%);
   box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5);
   backdrop-filter: blur(3px);
   padding: 30px 26px;
@@ -1763,17 +1736,13 @@ onMounted(() => {
   bottom: 0;
   width: 520px;
   height: 960px;
-  background: linear-gradient(
-      270deg,
+  background: linear-gradient(270deg,
       rgba(0, 52, 131, 0.69) 0%,
       rgba(0, 32, 83, 0.77) 50%,
-      rgba(0, 60, 131, 0.74) 100%
-    ),
-    radial-gradient(
-      128% 99% at 100% 46%,
+      rgba(0, 60, 131, 0.74) 100%),
+    radial-gradient(128% 99% at 100% 46%,
       rgba(0, 48, 125, 0.29) 0%,
-      rgba(0, 61, 134, 0.42) 100%
-    );
+      rgba(0, 61, 134, 0.42) 100%);
   box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5);
   backdrop-filter: blur(3px);
   padding: 30px 26px;
@@ -1823,8 +1792,10 @@ onMounted(() => {
             background: rgba(124, 151, 180, 0.8);
             // padding: 10px;
             margin-bottom: 4px;
-            position: relative; /* 必须设置 position 属性以便伪元素定位 */
+            position: relative;
+            /* 必须设置 position 属性以便伪元素定位 */
           }
+
           .jbggfwq_content_item_right_item::after {
             content: "";
             display: block;
@@ -1835,6 +1806,7 @@ onMounted(() => {
             top: 14px;
             right: 0px;
           }
+
           :nth-child(4n).jbggfwq_content_item_right_item::after {
             opacity: 0;
           }