gx

src/view/sy_mapcopy.vue

@@ -1219,6 +1219,31 @@ const getDatas = async (e, i) => {
             }
           }
         }
+
+         // 年龄百分比
+      const agename = [
+        "09Percent",
+        "1019Percent",
+        "2029Percent",
+        "3039Percent",
+        "4049Percent",
+        "5059Percent",
+        "6069Percent",
+        "7079Percent",
+        "8089Percent",
+        "9099Percent",
+        "100nlPercent",
+      ];
+      if (res.data.ageGroupsPercent) {
+        console.log(PopulationRatio.value[0].progress);
+        agename.forEach((key, index) => {
+          if (PopulationRatio.value[index]) {
+            PopulationRatio.value[index].progress =
+              res.data.ageGroupsPercent[key];
+          }
+        });
+      }
+
       }
     });
 };
@@ -1277,6 +1302,29 @@ const getDatas2 = async (e, i, cs) => {
             }
           });
         });
+         // 年龄百分比
+      const agename = [
+        "09Percent",
+        "1019Percent",
+        "2029Percent",
+        "3039Percent",
+        "4049Percent",
+        "5059Percent",
+        "6069Percent",
+        "7079Percent",
+        "8089Percent",
+        "9099Percent",
+        "100nlPercent",
+      ];
+      if (res.data.ageGroupsPercent) {
+        console.log(PopulationRatio.value[0].progress);
+        agename.forEach((key, index) => {
+          if (PopulationRatio.value[index]) {
+            PopulationRatio.value[index].progress =
+              res.data.ageGroupsPercent[key];
+          }
+        });
+      }
       }
     });
 };
@@ -2642,9 +2690,9 @@ onMounted(() => {
         color: #6bfeff;
         text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
       }
-      .content_item_value {
+      // .content_item_value {
-        // display: flex;
+      //   // display: flex;
-      }
+      // }
 
       .choose {
         background-image: url(@/assets/images/map/choose.png) !important;
@@ -2937,6 +2985,7 @@ onMounted(() => {
   height: 120px;
   display: flex;
   align-items: center;
+  margin-top: 4px;
 
   .progress-wrapper {
     display: flex;
@@ -3006,7 +3055,7 @@ onMounted(() => {
         }
 
         span {
-          top: 24px;
+          top: 26px;
         }
       }
     }
@@ -3024,7 +3073,7 @@ onMounted(() => {
       position: absolute;
       left: 50%;
       transform: translateX(-50%);
-      width: 2px;
+      width: 1px;
       height: 20px;
     }
 
@@ -3032,7 +3081,7 @@ onMounted(() => {
       position: absolute;
       left: 50%;
       transform: translateX(-50%);
-      font-size: 18px;
+      font-size: 14px;
 
       &.above-line1 {
         top: -50px;