gx

src/view/yl.vue

@@ -161,12 +161,12 @@
           <div class="ageGroupBj">
             <div class="Gendern"></div>
             <div class="Male">男性总人数</div>
-            <div class="ageGroupNum">2307303</div>
+            <div class="ageGroupNum">{{ data.ylLnrkgk.rkzsman }}</div>
           </div>
           <div class="ageGroupBj">
             <div class="Genderv"></div>
             <div class="Male">女性总人数</div>
-            <div class="ageGroupNum">230730</div>
+            <div class="ageGroupNum">{{ data.ylLnrkgk.rkzswomen }}</div>
           </div>
         </div>
         <div class="ageGroupone">
@@ -480,19 +480,19 @@ const getTownDetail = () => {
 };
 const btList = ref([
   {
-    name: "60-70岁",
+    name: "61-70岁",
     value: ["17824", "17824", "17824"],
   },
   {
-    name: "70-80岁",
+    name: "71-80岁",
     value: ["18742", "18742", "18742"],
   },
   {
-    name: "80-90岁",
+    name: "81-90岁",
     value: ["3407", "3407", "3407"],
   },
   {
-    name: "90-100岁",
+    name: "91-100岁",
     value: ["144", "144", "144"],
   },
   {
@@ -500,6 +500,13 @@ const btList = ref([
     value: ["10", "10", "10"],
   },
 ]);
+const ageGroups = [
+  { ageRange: "6170", index: 0 },
+  { ageRange: "7180", index: 1 },
+  { ageRange: "8190", index: 2 },
+  { ageRange: "91100", index: 3 },
+  { ageRange: "100", index: 4 },
+];
 //扇形图颜色数据
 const colorList = [
   { color2: "#FFE35F" },
@@ -549,7 +556,23 @@ const data = reactive({
     data: [{ nf: "2024", yf: "5", rq: "22", fwcs: "16", sc: "22" }],
     day: ["5.22"],
   },
+  ylLnrkgk: {
+    rkzs: "390545",
+    rkzsman: "390545",
+    rkzswomen: "390545",
+    man6170: "28896",
+    man7180: "20001",
+    man8190: "5619",
+    man91100: "754",
+    man100: "8",
+    women6170: "28905",
+    women7180: "20835",
+    women8190: "5646",
+    women91100: "1155",
+    women100: "19",
+  },
 });
+
 onBeforeMount(() => {
   getData();
 });
@@ -600,6 +623,26 @@ const getData = () => {
       data.oldAgeTotal = res.data.lnrgnljzb.oldAgeTotal;
       data.rkgk = res.data.lnrgnljzb.rkgk;
 
+      // 更新 data.ylLnrkgk
+      data.ylLnrkgk = res.data.ylLnrkgk;
+      data.ylLnrkgk.rkzsman = ageGroups.reduce(
+        (acc, group) => acc + parseInt(data.ylLnrkgk[`man${group.ageRange}`]),
+        0
+      );
+      data.ylLnrkgk.rkzswomen = ageGroups.reduce(
+        (acc, group) => acc + parseInt(data.ylLnrkgk[`women${group.ageRange}`]),
+        0
+      );
+
+      // 更新 btList
+      ageGroups.forEach((group) => {
+        const manCount = parseInt(data.ylLnrkgk[`man${group.ageRange}`]);
+        const womenCount = parseInt(data.ylLnrkgk[`women${group.ageRange}`]);
+        btList.value[group.index].value[0] = manCount + womenCount;
+        btList.value[group.index].value[1] = manCount;
+        btList.value[group.index].value[2] = womenCount;
+      });
+
       // 计划生育
       res.data.familyPlanning.familyPlanningData.forEach((element) => {
         data.centerBottom1.push(element.jhsyrs); // 人次