xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gx

This commit is contained in:
duanxiaohai 2024-05-15 17:30:56 +08:00
parent e200493c4e
commit 8f3874f4b9
2 changed files with 525 additions and 464 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

968
src/view/echarts_yl/pie3d.vue
View File

File diff suppressed because it is too large Load Diff

21
src/view/yl.vue
View File

@ -136,10 +136,10 @@
<div class="mtpImg1"></div> <div class="mtpImg1"></div>
<div class="mtpImg2"></div> <div class="mtpImg2"></div>
<div class="mtpImg3"></div> <div class="mtpImg3"></div>
<div class="mtpText1">588811</div> <div class="mtpText1">{{ data.oldAgeTotal }}</div>
<div class="mtpText2">18%</div> <div class="mtpText2">{{ data.oldAgePercent }}%</div>
</div> </div>
<ePie3d></ePie3d> <ePie3d :list="data.rkgk"></ePie3d>
</div> </div>
<div class="flex1"> <div class="flex1">
<div class="yd_title familyPlanning"></div> <div class="yd_title familyPlanning"></div>
@ -156,7 +156,7 @@
<div class="history"> <div class="history">
<div class="history1"> <div class="history1">
<div> <div>
<span>{{data.yljgzlzx.yljg}}<span class="unit">个</span></span> <span>{{ data.yljgzlzx.yljg }}<span class="unit">个</span></span>
</div> </div>
<img src="@/assets/YLimg/ylimg11.png" alt="" /> <img src="@/assets/YLimg/ylimg11.png" alt="" />
<img class="historyimg" src="@/assets/YLimg/ylimg5.png" alt="" /> <img class="historyimg" src="@/assets/YLimg/ylimg5.png" alt="" />
@ -170,7 +170,7 @@
</div> --> </div> -->
<div class="history1"> <div class="history1">
<div> <div>
<span>{{data.yljgzlzx.zlzx}}<span class="unit">个</span></span> <span>{{ data.yljgzlzx.zlzx }}<span class="unit">个</span></span>
</div> </div>
<img src="@/assets/YLimg/ylimg12.png" alt="" /> <img src="@/assets/YLimg/ylimg12.png" alt="" />
<img class="historyimg" src="@/assets/YLimg/ylimg10.png" alt="" /> <img class="historyimg" src="@/assets/YLimg/ylimg10.png" alt="" />
@ -203,8 +203,7 @@
alt="" alt=""
/> />
</div> </div>
<ylXZZC :list1="data.zccs1" <ylXZZC :list1="data.zccs1" :list2="data.zccs2"></ylXZZC>
:list2="data.zccs2"></ylXZZC>
</div> </div>
</div> </div>
</div> </div>
@ -248,6 +247,9 @@ const data = reactive({
leftbottom3: [], leftbottom3: [],
leftbottom4: [], leftbottom4: [],
leftbottomYear: [], leftbottomYear: [],
oldAgePercent: "",
oldAgeTotal: "",
rkgk: [],
centerBottom1: [], centerBottom1: [],
centerBottom2: [], centerBottom2: [],
centerBottomYear: [], centerBottomYear: [],
@ -300,6 +302,11 @@ const getData = async () => {
}); });
// 年份 // 年份
data.leftbottomYear = res.data.tkdbOldAge.year; data.leftbottomYear = res.data.tkdbOldAge.year;
// 老年人各年龄及占比
data.oldAgePercent = res.data.lnrgnljzb.oldAgePercent;
data.oldAgeTotal = res.data.lnrgnljzb.oldAgeTotal;
data.rkgk = res.data.lnrgnljzb.rkgk;
// 计划生育 // 计划生育
res.data.familyPlanning.familyPlanningData.forEach((element) => { res.data.familyPlanning.familyPlanningData.forEach((element) => {
data.centerBottom1.push(element.jhsyrs); // 人次 data.centerBottom1.push(element.jhsyrs); // 人次