From c3bb58d616851147e44fb18eed2093f799f5b5b1 Mon Sep 17 00:00:00 2001
From: wanghui <wangh@ydool.com>
Date: Thu, 25 Jul 2024 21:31:58 +0800
Subject: [PATCH] 11

---
 src/view/sy_map.vue | 106 ++++++++++++++++++--------------------------
 1 file changed, 42 insertions(+), 64 deletions(-)

diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue
index f3a98b4..008a48d 100644
--- a/src/view/sy_map.vue
+++ b/src/view/sy_map.vue
@@ -11,13 +11,8 @@
             <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="buten(item)"
-              :key="index"
-            >
+            <div class="content_item" v-for="(item, index) in personTotal" :class="{ choose: item.id == choose.person }"
+              @click="buten(item)" :key="index">
               <div class="content_item_name">{{ item.ages }}</div>
               <div class="content_item_value">{{ item.rksl }}</div>
             </div>
@@ -29,13 +24,8 @@
             <div class="title_line"></div>
           </div>
           <div class="content">
-            <div
-              class="content_item"
-              v-for="(item, index) in tsbqTotal"
-              :class="{ choose: item.id == choose.person }"
-              @click="buten2(item)"
-              :key="index"
-            >
+            <div class="content_item" v-for="(item, index) in tsbqTotal" :class="{ choose: item.id == choose.person }"
+              @click="buten2(item)" :key="index">
               <div class="content_item_name">{{ item.name }}</div>
               <div class="content_item_value">{{ item.rksl }}</div>
             </div>
@@ -49,19 +39,11 @@
             <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" 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)"
-                >
+                <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>
@@ -74,13 +56,8 @@
             <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"
-            >
+            <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>
@@ -517,7 +494,7 @@ const addPolygonCounty = () => {
             BMAP();
             if (choose.value.person == 0) {
               getDatas("溪口镇", "");
-              getDataBq(cfJd.value,'')
+              getDataBq(cfJd.value, '')
             } else {
               getDatas("溪口镇", choose.value.person);
             }
@@ -2102,18 +2079,19 @@ const getData = async (i, e) => {
             personTotal.value.push({
               id: index + 1,
               rksl: item.rksl,
-              age: item.age + "",
+              age: item.age + '',
               ages: item.age + "岁",
             });
           });
         }
-        // res.data.town.map((item) => {
-        //   mapTownCount.map((items) => {
-        //     if (item.town == items.name) {
-        //       items.number = item.rksl;
-        //     }
-        //   });
-        // });
+        mapTownCount.map((item) => {
+          // item.number = 0;
+          res.data.townWwrs.map((items) => {
+            if (items.xzjd == item.name) {
+              item.swrs = items.swrs;
+            }
+          });
+        });
         console.log(111, res.data.townWwrs);
         mapTownCount.map((item) => {
           item.number = 0;
@@ -2124,6 +2102,7 @@ const getData = async (i, e) => {
           });
         });
       }
+      console.log(mapTownCount, 'mapTownCount');
     });
   if (i) {
     changeRs(i);
@@ -2155,7 +2134,6 @@ const getDatas = async (e, i) => {
             });
           });
         }
-
         // res.data.committee.map((item) => {
         //   xkzCenter.map((items) => {
         //     if (item.committee == items.name) {
@@ -2316,6 +2294,14 @@ const getDataBqs = async (jd, cs, bq) => {
       // });
       // }
       if (vv == 1) {
+        mapTownCount.map((item) => {
+          // item.number = 0;
+          res.data.townWwrs.map((items) => {
+            if (items.xzjd == item.name) {
+              item.swrs = items.swrs;
+            }
+          });
+        });
         mapTownCount.map((item) => {
           item.number = 0;
           res.data.map((items) => {
@@ -2379,17 +2365,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;
@@ -2438,6 +2420,7 @@ onMounted(() => {
         background-size: 100% 100%;
         margin-bottom: 12px;
       }
+
       .content_item:nth-child(2) {
         box-sizing: border-box;
         display: flex;
@@ -2560,17 +2543,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;
@@ -2640,6 +2619,7 @@ onMounted(() => {
           :nth-child(4n).jbggfwq_content_item_right_item::after {
             opacity: 0;
           }
+
           :last-child.jbggfwq_content_item_right_item::after {
             opacity: 0;
           }
@@ -2726,12 +2706,10 @@ onMounted(() => {
       // line-height: 44px;
       letter-spacing: 4px;
       margin-bottom: 15px;
-      background: linear-gradient(
-        180deg,
-        #ffffff 0%,
-        #ffffff 40%,
-        #00ffff 100%
-      );
+      background: linear-gradient(180deg,
+          #ffffff 0%,
+          #ffffff 40%,
+          #00ffff 100%);
       /* 使文字没有背景颜色的背景 */
       background-clip: text;
       /* 为了兼容性，添加渐变背景到IE */