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];
+          }
+        });
+      }
+      
       }
     });
 };
@@ -2937,6 +2962,7 @@ onMounted(() => {
   height: 120px;
   display: flex;
   align-items: center;
+  margin-top: 4px;
 
   .progress-wrapper {
     display: flex;
@@ -3006,7 +3032,7 @@ onMounted(() => {
         }
 
         span {
-          top: 24px;
+          top: 26px;
         }
       }
     }
@@ -3024,7 +3050,7 @@ onMounted(() => {
       position: absolute;
       left: 50%;
       transform: translateX(-50%);
-      width: 2px;
+      width: 1px;
       height: 20px;
     }
 
@@ -3032,7 +3058,7 @@ onMounted(() => {
       position: absolute;
       left: 50%;
       transform: translateX(-50%);
-      font-size: 18px;
+      font-size: 14px;
 
       &.above-line1 {
         top: -50px;