From 6d3f4383e5a263cff8bb31ab9900d65354a93b5a Mon Sep 17 00:00:00 2001 From: duanxiaohai <1812246227@qq.com> Date: Fri, 17 May 2024 14:21:37 +0800 Subject: [PATCH] gx --- src/view/echarts_sy/pie.vue | 16 --- src/view/sy.vue | 195 ++++++++++++++++++++++++------------ 2 files changed, 129 insertions(+), 82 deletions(-) diff --git a/src/view/echarts_sy/pie.vue b/src/view/echarts_sy/pie.vue index a855c76..2e606b7 100644 --- a/src/view/echarts_sy/pie.vue +++ b/src/view/echarts_sy/pie.vue @@ -284,22 +284,6 @@ const getOption = () => { ], }; }; -// 使用生命钩子 -// onMounted(() => { -// // 基于准备好的dom，初始化echarts实例 -// // var myChart = echarts.init(document.getElementById('main')); -// // Vue3中： 需要引入 -// var myChart = echarts.init(chart.value); - -// // init(); // vue3.2没有this -// // 使用刚指定的配置项和数据显示图表。 -// myChart.setOption(option); - -// // 单图表响应式: 跟随浏览器大小改变 -// // window.addEventListener("resize", () => { -// // myChart.resize(); -// // }); -// }); const setChart = () => { var myChart = echarts.init(chart.value); diff --git a/src/view/sy.vue b/src/view/sy.vue index dc1a2ed..b0f1cb0 100644 --- a/src/view/sy.vue +++ b/src/view/sy.vue @@ -774,45 +774,67 @@ const addThousandSeparator = (numberString) => { const getData = async () => { await http.get("/api/ggfwyth/index").then((res) => { if (res.code == 200) { + // // 民生福利 + // if (data.LivelihoodWelfare) { + // data.LivelihoodWelfare.zgylbxzsr = addThousandSeparator( + // res.data.msfz.zgylbxzsr + // ); + // data.LivelihoodWelfare.zgylbxzzc = addThousandSeparator( + // res.data.msfz.zgylbxzzc + // ); + // data.LivelihoodWelfare.cxylbxzsr = addThousandSeparator( + // res.data.msfz.cxylbxzsr + // ); + // data.LivelihoodWelfare.cxylbxzzc = addThousandSeparator( + // res.data.msfz.cxylbxzzc + // ); + // data.LivelihoodWelfare.gsbxzsr = addThousandSeparator( + // res.data.msfz.gsbxzsr + // ); + // data.LivelihoodWelfare.gsbxzzc = addThousandSeparator( + // res.data.msfz.gsbxzzc + // ); + // data.LivelihoodWelfare.zgyilbxzsr = addThousandSeparator( + // res.data.msfz.zgyilbxzsr + // ); + // data.LivelihoodWelfare.zgyilbxzzc = addThousandSeparator( + // res.data.msfz.zgyilbxzzc + // ); + // data.LivelihoodWelfare.cxyilbxzsr = addThousandSeparator( + // res.data.msfz.cxyilbxzsr + // ); + // data.LivelihoodWelfare.cxyilbxzzc = addThousandSeparator( + // res.data.msfz.cxyilbxzzc + // ); + // data.LivelihoodWelfare.nf = res.data.msfz.nf; + // } // 民生福利 + const msfzKeys = [ + "zgylbxzsr", + "zgylbxzzc", + "cxylbxzsr", + "cxylbxzzc", + "gsbxzsr", + "gsbxzzc", + "zgyilbxzsr", + "zgyilbxzzc", + "cxyilbxzsr", + "cxyilbxzzc", + "nf", + ]; if (data.LivelihoodWelfare) { - data.LivelihoodWelfare.zgylbxzsr = addThousandSeparator( - res.data.msfz.zgylbxzsr - ); - data.LivelihoodWelfare.zgylbxzzc = addThousandSeparator( - res.data.msfz.zgylbxzzc - ); - data.LivelihoodWelfare.cxylbxzsr = addThousandSeparator( - res.data.msfz.cxylbxzsr - ); - data.LivelihoodWelfare.cxylbxzzc = addThousandSeparator( - res.data.msfz.cxylbxzzc - ); - data.LivelihoodWelfare.gsbxzsr = addThousandSeparator( - res.data.msfz.gsbxzsr - ); - data.LivelihoodWelfare.gsbxzzc = addThousandSeparator( - res.data.msfz.gsbxzzc - ); - data.LivelihoodWelfare.zgyilbxzsr = addThousandSeparator( - res.data.msfz.zgyilbxzsr - ); - data.LivelihoodWelfare.zgyilbxzzc = addThousandSeparator( - res.data.msfz.zgyilbxzzc - ); - data.LivelihoodWelfare.cxyilbxzsr = addThousandSeparator( - res.data.msfz.cxyilbxzsr - ); - data.LivelihoodWelfare.cxyilbxzzc = addThousandSeparator( - res.data.msfz.cxyilbxzzc - ); - data.LivelihoodWelfare.nf = res.data.msfz.nf; + msfzKeys.forEach((key) => { + data.LivelihoodWelfare[key] = addThousandSeparator( + res.data.msfz[key] + ); + }); } // 救助服务 + const jzfwKeys = ["jzrc", "jzje", "nf"]; if (data.salvageServices) { - data.salvageServices.jzrc = addThousandSeparator(res.data.jzfw.jzrc); - data.salvageServices.jzje = addThousandSeparator(res.data.jzfw.jzje); - data.salvageServices.nf = res.data.jzfw.nf; + jzfwKeys.forEach((key) => { + data.salvageServices[key] = addThousandSeparator(res.data.jzfw[key]); + }); } // 教育事业&师生比例 // 就业服务 @@ -820,46 +842,87 @@ const getData = async () => { data.PopulationData = res.data.rksj; // 人口总数 if (data.PopulationData) { - data.PopulationData.rkzs = addThousandSeparator(res.data.rksj.rkzs); - data.PopulationData.man = addThousandSeparator(res.data.rksj.man); - data.PopulationData.woman = addThousandSeparator(res.data.rksj.woman); + // data.PopulationData.rkzs = addThousandSeparator(res.data.rksj.rkzs); + // data.PopulationData.man = addThousandSeparator(res.data.rksj.man); + // data.PopulationData.woman = addThousandSeparator(res.data.rksj.woman); + const rkjsKeys = ["rkzs", "man", "woman"]; + rkjsKeys.forEach((key) => { + data.PopulationData[key] = addThousandSeparator(res.data.rksj[key]); + }); // 人口年龄段分类数 - data.ageGroup.nl17 = res.data.rksj.nl17; // 17岁以下人口总数 - data.ageGroup.nl1834 = res.data.rksj.nl183; // 18-34人口总数 - data.ageGroup.nl3569 = res.data.rksj.nl3569; // 35-69人口总数 - data.ageGroup.nl60 = res.data.rksj.nl60; // 60以上人口总数 + // data.ageGroup.nl17 = res.data.rksj.nl17; // 17岁以下人口总数 + // data.ageGroup.nl1834 = res.data.rksj.nl183; // 18-34人口总数 + // data.ageGroup.nl3569 = res.data.rksj.nl3569; // 35-69人口总数 + // data.ageGroup.nl60 = res.data.rksj.nl60; // 60以上人口总数 - data.ageGroup.nl110 = res.data.rksj.nl110; // 1-10岁人口总数 - data.ageGroup.nl1120 = res.data.rksj.nl1120; // 11-20岁人口总数 - data.ageGroup.nl2130 = res.data.rksj.nl2130; // 21-30岁人口总数 - data.ageGroup.nl3140 = res.data.rksj.nl3140; // 31-40岁人口总数 - data.ageGroup.nl4150 = res.data.rksj.nl4150; // 41-50岁人口总数 - data.ageGroup.nl5160 = res.data.rksj.nl5160; // 51-60岁人口总数 - data.ageGroup.nl6170 = res.data.rksj.nl6170; // 61-70岁人口总数 - data.ageGroup.nl7180 = res.data.rksj.nl7180; // 71-80岁人口总数 - data.ageGroup.nl8190 = res.data.rksj.nl8190; // 81-90岁人口总数 - data.ageGroup.nl91100 = res.data.rksj.nl91100; // 91-100岁人口总数 - data.ageGroup.nl100 = res.data.rksj.nl100; // 100岁以上人口总数, + // data.ageGroup.nl110 = res.data.rksj.nl110; // 1-10岁人口总数 + // data.ageGroup.nl1120 = res.data.rksj.nl1120; // 11-20岁人口总数 + // data.ageGroup.nl2130 = res.data.rksj.nl2130; // 21-30岁人口总数 + // data.ageGroup.nl3140 = res.data.rksj.nl3140; // 31-40岁人口总数 + // data.ageGroup.nl4150 = res.data.rksj.nl4150; // 41-50岁人口总数 + // data.ageGroup.nl5160 = res.data.rksj.nl5160; // 51-60岁人口总数 + // data.ageGroup.nl6170 = res.data.rksj.nl6170; // 61-70岁人口总数 + // data.ageGroup.nl7180 = res.data.rksj.nl7180; // 71-80岁人口总数 + // data.ageGroup.nl8190 = res.data.rksj.nl8190; // 81-90岁人口总数 + // data.ageGroup.nl91100 = res.data.rksj.nl91100; // 91-100岁人口总数 + // data.ageGroup.nl100 = res.data.rksj.nl100; // 100岁以上人口总数, + const ageGroupKeys = [ + "nl17", + "nl1834", + "nl3569", + "nl60", + "nl110", + "nl1120", + "nl2130", + "nl3140", + "nl4150", + "nl5160", + "nl6170", + "nl7180", + "nl8190", + "nl91100", + "nl100", + ]; + ageGroupKeys.forEach((key) => { + data.ageGroup[key] = res.data.rksj[key]; + }); } // 年龄比例 - data.ageRatio.push(res.data.rksj.nl17Percent); //13~17岁以下人口占比 - data.ageRatio.push(res.data.rksj.nl1834Percent); //18~34岁人口占比 - data.ageRatio.push(res.data.rksj.nl3569Percent); //35~69岁人口占比 - data.ageRatio.push(res.data.rksj.nl60Percent); //60岁以上人口占比 + // data.ageRatio.push(res.data.rksj.nl17Percent); //13~17岁以下人口占比 + // data.ageRatio.push(res.data.rksj.nl1834Percent); //18~34岁人口占比 + // data.ageRatio.push(res.data.rksj.nl3569Percent); //35~69岁人口占比 + // data.ageRatio.push(res.data.rksj.nl60Percent); //60岁以上人口占比 + const ageRatioKeys = [ + "nl17Percent", + "nl1834Percent", + "nl3569Percent", + "nl60Percent", + ]; + ageRatioKeys.forEach((key) => { + data.ageRatio.push(res.data.rksj[key]); + }); // 公共服务&企业服务&政府服务 // 医疗卫生 // 文化事业 - data.whsyList[0].value = addThousandSeparator(res.data.whtysy.ggtsg); - data.whsyList[1].value = addThousandSeparator(res.data.whtysy.zcs); - data.whsyList[2].value = addThousandSeparator(res.data.whtysy.sxxxcs); - data.whsyList[3].value = addThousandSeparator(res.data.whtysy.bwgcgcs); - data.whsyList[4].value = addThousandSeparator(res.data.whtysy.tsjycs); + // data.whsyList[0].value = addThousandSeparator(res.data.whtysy.ggtsg); + // data.whsyList[1].value = addThousandSeparator(res.data.whtysy.zcs); + // data.whsyList[2].value = addThousandSeparator(res.data.whtysy.sxxxcs); + // data.whsyList[3].value = addThousandSeparator(res.data.whtysy.bwgcgcs); + // data.whsyList[4].value = addThousandSeparator(res.data.whtysy.tsjycs); + const whsyKeys = ["ggtsg", "zcs", "sxxxcs", "bwgcgcs", "tsjycs"]; + whsyKeys.forEach((key, index) => { + data.whsyList[index].value = addThousandSeparator(res.data.whtysy[key]); + }); // 体育事业 - data.tysyList[0].value = addThousandSeparator(res.data.whtysy.zqcs); - data.tysyList[1].value = addThousandSeparator(res.data.whtysy.lqcs); - data.tysyList[2].value = addThousandSeparator(res.data.whtysy.ppqcs); - data.tysyList[3].value = addThousandSeparator(res.data.whtysy.ymqcs); - data.tysyList[4].value = addThousandSeparator(res.data.whtysy.lsbdcd); + // data.tysyList[0].value = addThousandSeparator(res.data.whtysy.zqcs); + // data.tysyList[1].value = addThousandSeparator(res.data.whtysy.lqcs); + // data.tysyList[2].value = addThousandSeparator(res.data.whtysy.ppqcs); + // data.tysyList[3].value = addThousandSeparator(res.data.whtysy.ymqcs); + // data.tysyList[4].value = addThousandSeparator(res.data.whtysy.lsbdcd); + const tysyKeys = ["zqcs", "lqcs", "ppqcs", "ymqcs", "lsbdcd"]; + tysyKeys.forEach((key, index) => { + data.tysyList[index].value = addThousandSeparator(res.data.whtysy[key]); + }); } }); };